日期:2014-05-16  浏览次数:20584 次

问各位大侠关于div浮动的问题
div A里面有两个div B和C,A的高度是100%,但当B和C都设为浮动的时候,A的高度就变成0了,有没有办法让A的高度继续使用百分比而不会变成0?或者是B和C的不使用浮动而可以并排显示?
div?float div

------解决方案--------------------
高度不能使用百分比,只有写固定的值。按你的情况,你B,C应该是有高度的(固定值)然后用浮动用完之后记得清除:
<div id='a'><div id='b'>float1</div><div id='c'>flaot2</div></div>
按上面的写法会出问题
<div id='a'><div id='b'>float1</div><div id='c'>flaot2</div><div class="clear:both;"></div></div>
上面就多加了一个DIV用于清除浮动,这样就好了。为了兼容性的保险起见你在A这个DIV中加上overflow:hiddden;