我有一个包含两个浮动内部 <div>
的包装器 <div>
。
<div class="outside" style="border:1px solid #555;">
<div class="inside" style="float:left; width:40px;">CONTENT</div>
<div class="inside2" style="float:left; width:40px;">CONTENT</div>
</div>
问题在于包裹着两个内部 <div>
的外层 <div>
宽度为80px,因为每个内部 <div>
都是40px。但始终存在这样的问题:外层 <div>
的高度为0像素,使得边框看起来像是顶部的一条线。所以我将两个内部 <div>
放入了一个 <table>
中,这样做效果不错。但是如何避免这个问题而不使用 <table>
?