好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

外部div自适应内部标签的高度,设置最小高度、最大高度_html/css_WEB-ITnose

一、div自适应高度:在前端开发中经常需要让外层的div自动适应内部标签和内容的高度,内部标签可能是

、 、 或者文字等各种内容。造成外层的div不能自动适应内容高度的原因往往是因为内部标签设置了float属性,下面来看一下解决办法。

1.用伪对象清除float属性

 1   2   3    4     5    Document  6     7     8     #wrap2{     9         width: auto;10         height: auto;11         min-height: 250px;/*设置最小高度*/12         max-height: 500px;/*设置最大高度*/13         overflow: hidden;/*内容超出后隐藏*/14         border: 2px solid yellow;15     }16     #wrap2:after{    17         content: "";18         visibility: hidden;19         display: block;20         clear: both;21     }22     #inner2{    23         width: 200px;24         height: 200px;25         border: 1px solid black;26         float: right;27     }28    29   30   31   

32

查看更多关于外部div自适应内部标签的高度,设置最小高度、最大高度_html/css_WEB-ITnose的详细内容...

  阅读:32次