网站缩放和固定宽度 - 没有任何工作

时间:2013-07-19 19:29:02

标签: html css

我在为网页设置固定的宽度和高度时遇到问题。我希望它更像Facebook,当浏览器最小化或滚动时页面不会改变其内容。

我目前正在上课,但我仍坚持这个问题。这是我的网站链接:2011.ispace.ci.fsu.edu/~ajb09f/ir

我已经尝试将主体的宽度设置为945并尝试将位置设置为绝对但仍然是缩放。我知道这很简单,非常感谢任何人的帮助!

3 个答案:

答案 0 :(得分:0)

在css中创建一个包装类:

.wrapper {
  width:945px; 
  margin:0 auto;

}
页面中的

将所有内容放在<div class="wrapper"></div>

这应该让你开始。

答案 1 :(得分:0)

你得到了945px宽度的包装。但它的内容更大。喜欢1100 +

为什么这样?

如果您希望子元素采用与父元素相同的宽度,请在子元素上使用width:100%。这是第一点。

两个:从标题中删除文件css/bootstrap-responsive.css,因此网站将不再响应。

答案 2 :(得分:0)

在某些情况下,您的边距会导致问题。如果要为块元素设置显式宽度,则必须确保它们的总和不超过容器的宽度,否则它们将溢出。尝试使用百分比而不是像素来设置宽度。

你的漂浮物看起来也可能造成麻烦。确保根据需要清除浮子。