DIV の適応性の高いメソッドの概要_html/css_WEB-ITnose-htmlチュートリアル-php.cn

DIV の適応性の高いメソッドの概要_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 11:19:05

オリジナル

1318 人が閲覧しました

2. DIV 高さ適応 CSS コードを実現するための純粋な CSS メソッド

1            #m1,#m2                                          2            {                                          3            padding-bottom:32767px!important;                                          4            margin-bottom:-32767px!important;                                          5            }                                          6            @media all and  (min-width:0px){                                          7                   #m1,#m2                                          8                   {                                          9                   padding-bottom:0!important;                                           10              margin-bottom:0!important;                                          11              }                                          12              #m1:before,#m2:before                                          13              {                                          14              content:'[DONOTLEAVEITISNOTREAL]';                                          15              display:block;                                          16              background:inherit;                                          17              padding-top:32767px!important;                                          18              margin-bottom:-32767px!important;                                          19              height:0;                                          20              }                                          21       }

ログイン後にコピー

3. DIV 高さ適応 HTML コードを実現するために背景画像を追加します:

これは最初の列です

これは 2 番目の列です

CSS コード:

1            #wrap{width:776px;background:url(bg.gif)  repeat-y 300px;}                                          2            #column1{float:left;width:300px;}                                          3            #column2{float:right;width:476px;}                                          4            .clear{clear:both;}

ログイン後にコピー

div アダプティブ高さ css div 高さアダプティブ div 背景画像アダプティブ div コンテンツは画面に適応しますアダプティブ div の場合、フォントセンターの設定方法フローティング div アダプティブ Web ページ js コントロール div アダプティブ div div はサイズに適応しますdiv はコンテンツの高さに合わせて調整されます。