2格佈局問題

我有一個網頁，在向左浮動的div的頁面左側向下。然後我有右邊的內容，那就是右邊的div。我遇到的問題是，當頁面被調整大小時，內容會移到鏈接下方。2格佈局問題

我已經厭倦把整個頁面放在一個包裝div，但是當我做了鏈接停止工作，我無法定位我需要的內容。

下面是包裝DIV

#wrapper { 
    margin:0 auto 0 auto; 
    min-width:960px; 
}

2012-05-04 TheAce

jsbin ,,,,東西.......？ –

maring：0 auto;與邊距相同：0 auto 0 auto; – meo

您必須使用寬度的百分比或爲較小的屏幕製作響應版本。 –

浮動元素的行爲以這種方式，因爲他們是從頁面流。

您可能正在尋找的是fluid two column layout。

2012-05-04 12:17:41

這似乎大部分工作非常感謝你的幫助 – TheAce

的CSS我想通了，走了過來窗口大小調整問題是不喜歡WordPress的，甚至這個網站做的最好的辦法：把balnk可調整大小的利潤率頁面周圍，使所有內容固定寬度。

「液體」風格（百分比等）很酷，但大多數時候看起來並不正確，所以最好的辦法是將頁面縮小到比整個窗口窄一些，並讓不同的佈局更改邊距尺寸。

要做到這一點，我實際上是非常html樣式givin它固定的寬度像1000px或其他任何，然後margin-left：auto;保證金右：自動;保持它始終居中。

編輯：

把這個在你的CSS

html { 

width:66em; 

margin-left:auto; 

margin-right:auto; 

}

2012-05-04 12:16:32 Onheiron

我不太確定我是否遵守。你可以提供和例如' – TheAce

看到編輯，把它放在CSS中，你會讓你的內容居中在窗口中，但如果窗口被調整大小，它將不會調整大小。 – Onheiron

主要問題是，你給divs固定寬度，所以第一步是將div的寬度更改爲％或em。

做這個全屏幕開始，我甚至會創建一個沒有內容的空白頁面，只要給div一個不同的背景colo（u）r。這樣做，你知道內容的寬度沒有干擾。

我也會浮動兩個div到左邊，也許他們相對位置開始。

2012-05-04 12:18:40

回答