我有两个左浮动div的布局 - 一个用于图片,另一个用于内容。在内容div中,我插入了一个表来显示一些数字数据。当我将表格添加到内容div时,我的浮动似乎迷失了,第二个div不显示在第一个div旁边而是显示在下面。
代码示例:
<div style="float:left;">
<img src="images/image.jpg" width="200" height="125" alt="Image" /></p>
</div>
<div style="float:left; padding-left:16px;">
<p>Paragraph text </p>
<table width="650">
....
</table>
</div>
答案 0 :(得分:0)
请检查包含这两个div的父div的宽度,我的猜测是父级没有足够的宽度来容纳它们的内容和宽度设置。
<div style="width:866px;overflow:hidden">
<div style="float:left;">
<img src="images/image.jpg" width="200px" height="125" alt="Image" /></p>
</div>
<div style="float:left; padding-left:16px;">
<p>Paragraph text </p>
<table width="650px">
....
</table>
</div>
</div>