頁面大小調整時，如何將元素保持在同一位置？

我有多個文本的div和什麼不在他們。當頁面水平變小時，所有元素都會移動。但是，如果您調整此頁面的大小，元素消失並且沒有任何動作。我如何解決這個問題，所以它就像這個頁面？頁面大小調整時，如何將元素保持在同一位置？

謝謝！

你能說清楚你在做什麼用更多的代碼嗎？也許在jsfiddle（http://jsfiddle.net）？ – dangerChihuahua007 2012-03-02 01:45:17

我也試過了，顯然我不能，因爲我是網站的新用戶。 – user1076755 2012-03-02 01:52:52

如果查看此＃1頁面的源，那麼你將注意到所有的網頁上的內容的纏繞與寬度集div容器的內部以100％和餘量和填充都設置爲。如果你想有一個固定的寬度，那麼不要使用百分比，而是將你的頁面指定爲一個特定的寬度（以像素爲單位）。

2012-03-02 01:47:49

啊好的。不同的瀏覽器會有不同的像素數量嗎？ – 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 */

我希望這有助於！

2012-03-02 01:52:43 Ryan

當您調整屏幕大小時，預定義的大小使元素不會移動，這也會將其大小保持在不同的屏幕分辨率，這也是要考慮的因素。您也必須使用固定的邊距和填充。

總之...沒有更多的百分比，但不要濫用修復所有東西

2012-03-02 02:17:49 MCSI

回答