CSSの背景画像伸延コンテナの高さ

背景画像の属性は、コンテンツ要素のないブロックは、伸延高さではありません。この効果を達成するために、通常で:前に記入します後、。

   .teamDiv { 
      背景URL(/image/home_team.jpg) 
      背景リピートなしリピート ;  
      背景サイズ100%100% 
      背景位置Xセンター ; 
      マージン0自動 ; 

    } 
    後.teamDiv :: { 
      内容"" 
      表示ブロック ; 
      パディング底36% 

    }
   < divのクラス= "teamDiv"  > 
     
      < divのクラス= "teamContent" > 
        < p個のクラス= "テキスト・センターチームタイトル" >友昆团队</ P > 
        < Pのクラス= "テキスト・センターチームtitle_en" > YOUKING TEAM </ P > 
        < Pのクラス= "テキスト中心team_p" >二十年经验的团队</ P > 
        < Pのクラス= "テキスト中心team_p_en" >経験の20年のチーム</ P >
        < P クラス=「テキスト・センターのteam_pは」>は、チームのコスト効果の高いソリューションは提供</ P > 
        < P クラス=「テキスト・センターのteam_p_en」> 
          費用対効果の高いソリューションを提供していますチーム
        </ P > 
        < P クラス= "センターteam_pテキスト「>賞を受賞したチームの作品を国内外で</ p型> 
        < p型クラス=」テキスト・センターteam_p_en「> 
          受賞歴ホームATチームや海外
        </ p型> 
        < p型クラス=」センターteam_pテキスト" >思考と想像力、厳格な作業チーム</ p型> 
        < p型クラス=「テキスト・センターのteam_p_en」> 
          心の広いISと厳格なチーム
        </ p型> 
        < p型クラス=「テキスト・センターのteam_pは」>革新的な研究チーム</ p型> 
        < p型クラス= "テキスト・センターのteam_p_en" >リサーチ、革新的なチーム</ P > 
        < P クラス= "テキスト・センターのteam_p" >エネルギーに配慮したチーム</ P > 
        < P クラス= "テキスト中央team_p_en」 >チーム・省エネルギー</ P > 
        < P クラス=「テキスト・センターのteam_p」>マルチシステム、チームの多様な組み合わせ</ P > 
        < P クラス=「テキスト・センターのteam_p_en」>マルチシステム、多様なチーム</ P > 
      </ DIV > 
    </ DIV >

 

おすすめ

転載: www.cnblogs.com/html5redbird/p/11457427.html