-2

例如，我必须在我的 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;
}

页面是这样组成的。 http://img846.imageshack.us/img846/109/immaginejjr.png 谢谢。我知道这很混乱！！！

用我的 css编辑 这是我调整窗口大小时发生的事情！ http://img850.imageshack.us/img850/2197/cattura2wq.png

4

2 回答 2

1

如果您正在尝试制作100% width容器并尝试流畅的布局，请使用@media 查询来获取特定的屏幕分辨率。这称为响应式设计

比如说

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

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

于 2012-11-28T14:50:56.727 回答
0

如果您的内容比您的窗口宽，您将获得一个水平滚动条。

试试这个：

#body {
    width: 150%;
}

或者

#body { 
    width: 4000px;
}
于 2012-11-28T14:47:42.847 回答