如何限制html网站的宽度?

时间:2011-02-27 14:51:44

标签: html

如何将网页的宽度设置为始终为1000px?例如,像Facebook或StackOverflow这样。该网站不会调整大小。如果浏览器窗口小于1000px,则需要滚动条。页面应该在浏览器中居中。

我总是可以将页面内容放在<div></div>标记内,但我已经读过它不适用于所有浏览器。那么正确的做法是什么?

2 个答案:

答案 0 :(得分:13)

将内容设置在div属性设置为width的{​​{1}}中,可以在浏览器中使用。

CSS:

1000px

HTML:

div.content { width: 1000px }

但是,请考虑使用960像素而不是1000.这是一个可靠的标准,适用于大多数设备,最小1024像素显示宽度,包括滚动条等空间。

答案 1 :(得分:4)

直接将主体设置为以该宽度显示:

body {
   width:1000px;
   margin:0 auto;
}

但是,我通常使用wrap div如下:

<强> HTML

<body>
  <div class="wrap"></div>
<body>

<强> CSS

div.wrap {
    width:1000px;
    margin:0 auto;
}