0

当我调整它的大小时，我正在设计的其中一个站点会像这样中断。为什么它不粘在浏览器的边缘？我怎样才能做到这一点？

分离的右边缘

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

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

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

wrapper包含所有,并且继承自包装器的宽度header。他们设置为1200px并且居中。middle-sectionfootermax-width

4

2 回答 2

0

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

body {
    padding: 0;
    min-width: 320px;
    max-width: 100%;
    margin: 0 auto;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
于 2012-10-14T17:59:40.027 回答
0

看到这个小提琴。如果您将选择器更改.incorrectruledisabled为.incorrectrule，您应该会在附加图像中看到您获得的结果。

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

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

于 2012-10-14T18:43:54.383 回答