页面大小调整时，如何将元素保持在同一位置？

问题描述：

我有多个文本的div和什么不在他们。当页面水平变小时，所有元素都会移动。但是，如果您调整此页面的大小，元素消失并且没有任何动作。我如何解决这个问题，所以它就像这个页面？页面大小调整时，如何将元素保持在同一位置？

谢谢！

你能说清楚你在做什么用更多的代码吗？也许在jsfiddle（http://jsfiddle.net）？ – dangerChihuahua007 2012-03-02 01:45:17

我也试过了，显然我不能，因为我是网站的新用户。 – user1076755 2012-03-02 01:52:52

答

如果查看此＃1页面的源，那么你将注意到所有的网页上的内容的缠绕与宽度集div容器的内部以100％和余量和填充都设置为。如果你想有一个固定的宽度，那么不要使用百分比，而是将你的页面指定为一个特定的宽度（以像素为单位）。

啊好的。不同的浏览器会有不同的像素数量吗？ – user1076755 2012-03-02 01:54:09

在所有主流浏览器中设置固定宽度将保持一致。 – 2012-03-02 02:42:55

答

如果要居中你的内容，将它包装在一个div像这样：

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

，然后添加以下到您的样式表：

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

我希望这有助于！

答

当您调整屏幕大小时，预定义的大小使元素不会移动，这也会将其大小保持在不同的屏幕分辨率，这也是要考虑的因素。您也必须使用固定的边距和填充。

总之...没有更多的百分比，但不要滥用修复所有东西