表里面的div

时间:2014-09-09 18:11:16

标签: css css-tables

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

1 个答案:

答案 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>