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>

我的桌子远离我的新闻DIV新闻DIV周围有一些填充但是我已经删除了它并且它对桌子的位置没有任何影响。我一直在寻找其他Stack Overflow帖子，但似乎找不到我想要的东西。我已经尝试过我的CSS中的绝对和相对定位以及宽度，这些都不是他们在其他元素（如纯文本）上工作的表。

我也尝试过将此表作为<table class="reviewTable"></table>

我的问题是代码是否需要采用某种格式才能允许在已经应用CSS格式的DIV中定位表？

如果你可以帮助我，或者其他任何人遇到类似的问题，只是寻找正确方向的提示，那就太棒了。

由于

Answer 1

你的桌子流到外面的原因是你正在漂浮它。然后，您将宽度设置为对于查看区域而言太小，以使其向外移动。将#content的宽度更改为600px，您就会明白我的意思。

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

上的宽度

嵌入在DIV中的表格

1 个答案: