Question

DIv 没有设置高度的情况下 里面块设置高度不是会被撑开,为什么会出现如下情况

Answer 1

将三个DIV的高度都设置为自动，overflow:auto;，里面的两个DIV都要有内容，没有内容的时候是撑不开DIV的，你还可以设置最大和最小高度，保证DIV内容最少也得能撑开容器，最大不会超过一定的高度从而导致网页变形。

Answer 2

因为内部的块级元素浮动了。
所以，在未撑开的父元素结束前写<div style="clear:both;"></div>

Answer 3

可以通过js实现两个div自适应同等高度，如下：先设置div+css基本布局：<divid="mm"><divid="mm1">左边</div><divid="mm2">右边</div></div>js实现div自适应高度代码如下：<scripttype="text/javascript"><!--window.onload=window.onresize=funct{ifdocument.getElementByIdx_x"mm2".clientHeight<document.getElementByIdx_x"mm1".clientHeight{document.getElementByIdx_x"mm2".style.height=document.getElementByIdx_x"mm1".offsetHeight+"px";}else{document.getElementByIdx_x"mm1".style.height=document.getElementByIdx_x"mm2".offsetHeight+"px";}}--></script>

搜索
web前端从零开始自学
javascript编程入门
html5编程入门自学
前端开发全套教程
web前端开发基础教程
html编程教程免费