边界的CSS页面显示滚动条

Question

这可能是一个非常明显的问题 - 如果是的话道歉。

我有以下内容：

.page
{
    width:100%;
    background-color: #fff;
    margin: 10px 10px 10px 10px;
    border: 1px solid #496077;
    padding: 4px 4px 4px 4px;
}

出于某种原因，我总是在我的浏览器上收到与填充和边距px匹配的水平滚动条（即使最大化）。这让我没有我的边距和右边的填充。

如果我删除边距/边框/填充，那么水平滚动条不存在 - 但我真的希望它们用于化妆品

任何帮助表示感谢。

Answer 1

试试这个

.page { background-color: #fff; margin: 10px 10px 10px 10px; border: 1px solid #496077; padding: 4px 4px 4px 4px; }

删除了宽度属性

Answer 2

如果您不希望滚动条使用overflow:hidden，并且您希望它们使用overflow: scroll;，或者如果您想要其中一个使用x轴或y轴，请使用overflow-y: visible; overflow-x: hidden;，反之亦然

Answer 3

你试过“溢出：隐藏;”属性？