水平调整网页大小

Question

如何在水平重新调整网页大小时，不会打扰我的网页布局。就像它垂直重新调整尺寸一样，滚动条出现。如何进行水平重新调整大小。就像stackoverflow的行为一样。

Answer 1

如果我理解正确...你想给你的内容一个固定的宽度（而不是％宽度）。 stackoverflow的“content”div具有以下CSS声明：

margin: 0 auto;
min-height:450px;
width:960px;

因此，您可以看到宽度设置为始终为960px宽。无论用户水平调整浏览器的大小，宽度始终为960px。它不会扩大或收缩。

保证金设置为0px顶部和底部，“auto”设置为左右（您看到的符号是保证金的简写：0 auto 0 auto，因为保证金属性从顶部顺时针声明...所以：顶部，右侧，底部，左侧）。左侧和右侧的“自动”导致内容div居中。

Answer 2

使用overflow-x: auto;进行水平滚动。

Answer 3

您需要将页面（和内容）包装在“容器”中。然后可以给该容器提供固定的宽度。这意味着此容器中的所有内容都可以相对于容器本身进行定位，但页面内容永远不会超过您设置的容器的边界。

这可以通过在样式表中设置width: 800px来完成。 here.

描述了这方面的一个例子

设置后，表示如果已调整浏览器窗口大小，容器内的页面布局将不会改变。由于您明确说明了容器的尺寸。