Question

我有两个左浮动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>

Answer 1

请检查包含这两个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>

表里面的div

1 个答案: