Question

我有多个包含文本的div和不在其中的内容。当页面水平变小时，所有元素都会移动。但是，如果您调整此页面的大小，元素将消失，并且不会移动任何内容。我如何解决这个问题，就像这个页面一样？

谢谢！

Answer 1

如果您查看此Stackoverflow页面的来源，那么您会注意到页面上的所有内容都包含在容器div中，宽度设置为 100％< / strong>，边距和填充都设置为 0 。如果您想要固定宽度，请不要使用百分比，而是将页面指定为特定宽度（以像素为单位）。

Answer 2

如果您想将所有内容集中在一起，请将其包装在div中，如下所示：

<div class="wrapper">
    <!-- Your Content !-->
</div>

然后将以下内容添加到样式表中：

.wrapper {margin:0 auto;width:960px;} /* Change 960 to desired width */

我希望这有帮助！

Answer 3

预定义的尺寸使得在调整屏幕大小时元素不会移动，这也会使它们的大小保持不同的屏幕分辨率，即需要考虑。此外，您必须使用边距和填充固定。

简而言之......不是更多的百分比，而是不要滥用一切