html - 嵌入 DIV 中的表格

Question

好的，我有一个关于使用 CSS 在 DIV 中定位表格的问题。

我有如下代码:

CSS:

#content{
    float:right;
    padding-top:10px;
    width:450px;
    line-height: 18px;
    font-size:13px;
    text-align:left;
}

#content .reviewTable{
    width:20px;
}
#news{
    line-height: 18px;
    width:150px;
}


#news h2 {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

#news p {
    margin: 0;
    padding-bottom: 20px;
    padding-right:10px;
    font-size:13px;
}

HTML:

<div id="content">
    <div class="reviewTable">
    <table>
    <td></td>
    </table>
</div>
</div>

我的 table 离我的新闻 DIV 很远，新闻 DIV 周围有一些填充，但我已经删除了它，它对 table 的定位没有任何影响。我一直在查看其他 Stack Overflow 帖子，但似乎找不到我要找的东西。我已经在我的 CSS 中尝试了绝对和相对定位以及宽度，但这些都不起作用，而不是他们在其他元素(如纯文本)上工作的表格。

我也试过表为 <table class="reviewTable"></table>

我的问题是，代码是否需要采用特定格式才能在已应用 CSS 格式的 DIV 中定位表格？

只是在寻找正确方向的提示，伙计们，如果你能帮助我，或者其他人有类似的问题，那就太好了。

谢谢

Answer 1

您的 table 向外流动的原因是您将其正确 float 。然后你将宽度设置为对于审查区域来说太小，所以它会到外面。将 #content 的宽度更改为 600px，您就会明白我的意思了。

对于您设置它的方式，您需要将 #content 设置为 610px。将 #page-container 设置为 overflow:hidden 以防止在容器外显示任何内容。并去掉 .reviewTable

上的宽度