Html 调整页面大小时,如何保持元素的位置不变?

Html 调整页面大小时,如何保持元素的位置不变?,html,css,Html,Css,我有多个div,其中包含文本和其他内容。当页面水平变小时,所有元素都会移动。但是,如果调整此页面的大小,元素将消失,任何内容都不会移动。如何修复此问题,使其与此页面类似 谢谢 如果查看此Stackoverflow页面的来源,则会注意到页面上的所有内容都包装在一个容器div中,宽度设置为100%,边距和填充都设置为0。如果您希望具有固定宽度,则不要使用百分比,而是将页面指定为以像素为单位的特定宽度。如果您希望将所有内容居中,请将其包装为div,如下所示: <div class="wrappe

我有多个div,其中包含文本和其他内容。当页面水平变小时,所有元素都会移动。但是,如果调整此页面的大小,元素将消失,任何内容都不会移动。如何修复此问题,使其与此页面类似


谢谢

如果查看此Stackoverflow页面的来源,则会注意到页面上的所有内容都包装在一个容器div中,宽度设置为100%,边距和填充都设置为0。如果您希望具有固定宽度,则不要使用百分比,而是将页面指定为以像素为单位的特定宽度。

如果您希望将所有内容居中,请将其包装为div,如下所示:

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

我希望这有帮助

预定义的大小使元素在调整屏幕大小时不会移动,这将使它们的大小在不同的屏幕分辨率下保持不变,也就是说要考虑到这一点。此外,您还必须使用边距和填充固定


简言之。。。没有更多的百分比,但不要滥用修复一切

你能澄清你用更多的代码做了什么吗?也许在jsfiddle()中?我也试过了,但显然不行,因为我是该网站的新用户。啊,好的。不过,不同浏览器的像素数量会有所不同吗?在所有主要浏览器中,设置固定宽度是一致的。
.wrapper {margin:0 auto;width:960px;} /* Change 960 to desired width */