DIV 高度自适应方法汇总_html/css_WEB-ITnose
程序员文章站
2022-04-14 12:22:51
...
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 }
3、加背景图片实现DIV高度自适应 html代码:
2
这是第一列
3这是第二列
45css代码:
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自适应网页 js控制div自适应 div根据内容自适应大小 div自适应屏幕高度 div根据内容高度自适应
推荐阅读
-
div或img图片高度随宽度自适应的方法
-
HTML/CSS中,DIV高度自适应的解决方法
-
关于两个div高度保持一致的(css+js)两种解决办法_html/css_WEB-ITnose
-
div的宽度和高度的固定_html/css_WEB-ITnose
-
移动端自适应布局的高效方法,欢迎批评或指正_html/css_WEB-ITnose
-
二列div宽度自适应_html/css_WEB-ITnose
-
CSS让2个DIV在同一行显示的解决方法_html/css_WEB-ITnose
-
iframe高度自适应内容_html/css_WEB-ITnose
-
DIV+CSS自适应窗口高度_html/css_WEB-ITnose
-
Div + CSS高度自适应解决方法_html/css_WEB-ITnose