欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

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

这是第二列

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;}

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