如何使div的宽度不随浏览器窗口的变化而变化

时间:2011-08-17 12:04:03

标签: html css

有一个标题div,它的宽度应该与屏幕(而不是窗口)相同。我试图将它的宽度设置为100%, 但是当浏览器窗口变窄时,div也会变窄,所以当我向右滚动时,标题div的长度不够右。
如何使div宽度不随窗口变化? / p>

3 个答案:

答案 0 :(得分:3)

您需要将div的宽度设置为固定宽度。所以试试

  

width:980px;

这样可以防止在调整浏览器大小时div崩溃,而不像用百分比设置宽度。您可能需要更改宽度以满足您的需求或偏好。

进一步阅读: http://coding.smashingmagazine.com/2009/06/02/fixed-vs-fluid-vs-elastic-layout-whats-the-right-one-for-you/

答案 1 :(得分:1)

您可以将其设置为具体值,如

width:1000px;

或百分比

width: 100%;

您可以在加载时计算窗口的宽度,并使用javascript进行设置。

答案 2 :(得分:0)

您将width:1000px;放入主容器div中。然后内部div你把百分比或像素。