我有两个元素可以在高度上变化,并且彼此相邻浮动。问题是如果一个盒子高于另一个盒子,它看起来很丑陋。所以我希望他们是一样的高度。
我认为可能工作的一种方式也是将它们包装在容器div中,并希望更高的一个调整大小,并且较小的扩展以适应空间:
HTML:
<div id="outerBox"> <div class="innerBoxLeft"></div> <div class="innerBoxRight"><br /><br /><br /></div> </div>@H_301_7@CSS:
.outerBox { width: 100%; } .innerBoxLeft { float:left; width: 45%; height: 100%; } .innerBoxRight { float:right; width: 45%; height: 100%; }@H_301_7@不行我相信这可能是因为外部的div没有设置的高度,由于某些原因,较小的盒子和100%的高度无关紧要。我不能给它一个设定的高度,因为这会打败这一点。
所以除非另有一种方法,否则我想我问:我如何设置一个子元素的高度为父代?
谢谢