注:IE盒子模型和标准w3c盒子模型区别(参考:404.shtml)">http://www.360doc.com/content...
自适应高度
第一种:一定高度内容加多时自适应高度,而内容少时DIV有一定最小高度
_height:200px; /* css 注解: 仅IE6设别此属性,假定最低高度是200px ,设置高度200px,内容超出后IE6会自动撑高设定高度 */
min-height:200px; /* css注释: css最小高度为200px支持所有浏览器,IE6浏览器除外 */
第二种:没有最小高度,DIV完全自适应高度。
第三种:容器嵌套的情况下,而子容器又是浮动的
例:
其中class为fuqin的div有浮动的li,当li比较多的时候,即便是div设置的是最小高度,也无法被撑开。
原因就在于作为子容器的li是浮动的即 。在这种情况下,即便是li的内容超过了div的高度,div也无法撑开。
解决方法如下:
在浮动的容器后面,父容器结束之前加入一个div
<div class="fuqin">
<div class="clearfloat">