Question

我插入的表并没有占据页面的所有宽度，我的意思是底部和脚之间有一个空格，左边框和脚之间有一个空格。

这是我的代码：

<footer style="background-color:#444; width:100%; height:200px; border-bottom:0px;">
    <table>
        <tr>
            <td></td>
        </tr>
    </table>
</footer>

Answer 1

我不确定您的意思，但如果您的意思是表格没有填充您的页脚大小，那么您需要将其设置为width:100%和{{1因为默认情况下，表格只有它的内容。

Answer 2

尝试添加位置：

position : absolute;
bottom:0;

Answer 3

添加此css规则：

footer > table {
    border: 1px solid red;
    width: 100%;
    height: 100%;
}

我在表格周围添加了红色边框，只是为了说明该表格获得了所需尺寸。

请注意，百分比是相对于父元素的宽度和高度，并且建议尝试将html和css分开。

这是DEMO

脚页不占据页面的所有宽度，我应该用什么来占据所有宽度？

3 个答案: