Question

当我调整大小时，我设计的其中一个网站会像这样打破。为什么它不坚持浏览器的边缘？我怎么能做到这一点？

Detached right edge

我最初使用CSS Layout Generator生成布局。我使用了液体布局选项，因为我想让我的网站响应。

在<body>内有一个包装器<div>，其样式如下：

min-width: 320px;
max-width: 100%;
margin: 0 auto;
min-height: 100%;
height: auto !important;
height: 100%;

wrapper包含从包装器宽度继承的所有header，middle-section和footer。他们将max-width设置为 1200px ，并且居中。

Answer 1

您需要删除body上左右填充的用户代理样式：

body {
    padding: 0;
    min-width: 320px;
    max-width: 100%;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}

Answer 2

请参阅this小提琴。如果您将选择器.incorrectruledisabled更改为.incorrectrule，您应该会看到附加图像中的结果。

你不能给它宽度的上限，也期望它无条件地占据整个宽度。如果我误解你的问题，请告诉我。

编辑：Here是一个示例，其中页眉，中间和页脚的内容使用text-align居中，但它们本身不是。

内容不会粘在浏览器的右边缘

2 个答案: