CSS。具有固定位置的側柱的3列布局

如果瀏覽器窗口寬度小於1000像素（包裝尺寸）出現在滾動，當我將其拖動到右邊，中心柱左欄下進入。

如何設置中心元素的「最小邊距」？或者如果你知道實現這種佈局的替代方法，請告訴我。你已經固定

2012-03-01 m03geek

那麼，你想在這種情況下，而不是列的重疊，會怎麼樣呢？ – 2012-03-01 17:39:33

類似於本教程中的內容：http://buildinternet.com/2009/10/purely-css-faking-minimum-margins/ 或使用css3選擇器@media屏幕和（最大寬度：1000px） – m03geek 2012-03-01 22:46:23

位於其他列，因此它不會顯示，如果它的加載屏幕之外或需要滾動以，因爲它不動。要麼刪除固定位置，要麼減小包裝尺寸。

2012-03-01 17:57:11 CKKiller

所有read this首先我一直在做CSS一段時間，我總是要引用它。最小寬度爲Try this。讓我知道如果你仍然有麻煩，也許我不明白你在做什麼。

2012-03-01 18:02:43

實際上是啊，兄弟們讀了第一個鏈接並重新開始......你的「中心」欄中包含了所有三列。這對我來說從頭開始會更容易。下載螢火蟲或使用Chrome中的開發者工具。他們將成爲拯救生命的人。 – 2012-03-01 18:04:48

我已經讀過第一個鏈接幾次。嵌套在中央列沒有解決這個問題。最小寬度也不會影響這一點。 – m03geek 2012-03-01 22:38:15

有幾個選項。

要達到同樣的效果，你可以創建你想要的顏色欄的背景圖像並設置背景的包裝用這一形象，給人暗指三列整個一路下滑。

您也可以在包裝中設置三列。設置包裝器溢出：隱藏。爲每個浮動列提供2000px的底部填充和2000px的負邊距。這會將列擴展到包裝div的底部，而不會創建額外的滾動。

2012-03-01 18:03:34 ckaufman

可能是我們有誤會......我曾經說過水平卷軸，它隱藏了左下方的中央列。我不需要拉伸左右列... 聖盃教程很好，但在這種情況下不是。我有2個固定位置的列，我需要它們始終對用戶可見，因爲中央列是「無盡的」（如goolge +新聞提要等） – m03geek 2012-03-01 23:02:40

回答