Question

我的网页上有一组表单，它们是动态生成的，宽度最终比屏幕宽（这不是问题，因为它旨在用相同的问题替换exel电子表格）。 / p>

<body>
    <div class='indented-form'>
        <table>
          ... table elements here
        </table>
    </div>
</body>

CSS

body {
    margin-right: 0;
    padding: 0;
}

.indented-form {
    margin: 10px;
}

我在包含该表的div上有“margin：10px”。这会在我预期的页面左侧添加一个边距，但向右滚动，表格到达边缘没有任何边距。（div似乎从身体上取宽度，而身体似乎也基于浏览器宽度。）

如果表格比浏览器宽，我如何使其包含右边的边距？

Answer 1

如果您使div成为inline-block元素，它将会延伸到适合其中的table：

.indented-form {
    display:inline-block;
    padding: 10px;
}