css最小宽度，以拥有类似facebook的页面

例如，我必须在css中加入什么才能使我的网站像facebook一样工作。在facebbok中调整浏览器窗口大小时，内容大小保持不变，底部有滚动条。我用百分比来设置宽度，但我不太喜欢输出

我的css就是这个

#html {

height:100%;
overflow: scroll;
}

#body {
min-width: 1024px;
height: 100%;
}

#container {
margin-top: 0px;
width: 100%;
height: 100%;
}
#bloccoCentrale {
margin-top: 0px;
margin-left: 5%;
margin-right: 5%;
min-width: 80%;
height: 100%;
}

#centro {
margin-bottom: 10px;
min-height:930px;
}

页面是这样组成的图像。 谢谢我知道这很让人困惑

编辑 对于我的css，这就是当我调整窗口大小时发生的事情！

---

如果您的内容比窗口宽，您将看到一个水平滚动条

试试这个：

#body {
    width: 150%;
}

或

---

如果您试图制作一个

100%宽度的

容器，并尝试流体布局，请使用@media查询特定的屏幕分辨率。这称为响应式设计

比如说

@media all and (max-width: 1000px) and (min-width: 600px) {
  /*Style goes here*/
}

---

您可以通过在相关分辨率媒体查询中定义样式来确定特定的屏幕分辨率，这是一篇很好的参考文章，可以开始使用

CSS@media querys

，那么现在的问题是什么呢？我需要添加什么来获得底部scrolbar？我已经有了，但是页面内容缩小了如果你想使用facebook的宽度样式，只需打开页面并查看源代码。如果你的意思是你的问题，那么你没有问题。在您自己的CSS中，主体的最小宽度已经设置为px值。这意味着，如果视口变小，您将得到一个滚动条。现在我添加了溢出：滚动是严重<代码>宽度：4000px？像这样内容太宽了@外星人先生看起来目标是100英寸显示器。。。lol@Mr.Alien为什么不呢？你会在大多数屏幕上看到一个水平滚动条…@NullPointer哈哈，这是我的想法，顺便说一句，dude和我聊天谢谢…问题编辑：）这是因为如果你使用宽度100%比边距和填充在你的容器周围添加额外的空间，学习CSS框模型，你会得到我想要告诉你的

@media all and (max-width: 1000px) and (min-width: 600px) {
  /*Style goes here*/
}