Maison > interface Web > tutoriel HTML > DIV 高度自适应方法汇总_html/css_WEB-ITnose

DIV 高度自适应方法汇总_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 11:19:05
original
1320 Les gens l'ont consulté

2、纯CSS方法实现DIV高度自适应 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       }
Copier après la connexion

3、加背景图片实现DIV高度自适应 html代码:

2

这是第一列

3

这是第二列

45

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;}
Copier après la connexion

div 自适应高度 css div高度自适应 div背景图片自适应 div里面的内容随屏幕自适应 对于自适应div如何设置字体居中 浮动div自适应网页 js控制div自适应 div根据内容自适应大小 div自适应屏幕高度 div根据内容高度自适应

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal