等列高度問題

我試圖在我的新網站上實現相等的列高度。如果你看看下面的頁面等列高度問題

http://blackburnseo.com/ensor_install/hedgehog-gutter-brush

左欄不會自動拉伸。

我試過幾個jquery自動高度解決方案，但他們似乎打破了我的佈局？

有人可以推薦一個解決方案嗎？

感謝，丹

來源

2011-07-11 Dan

檢查羅傑·約翰遜的人造列在文章http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/。我已經使用過好幾次了。

它的功能是背景容器，然後主要部分有自己的背景，側邊欄是乾淨的。隨着主要內容的增長，側邊欄也將無縫地增長。

來源

2011-07-11 13:59:21 josemota

這種佈局似乎並不在列的內容超過了主要內容，它顯示的主要內容下方的後臺工作。嘗試在[演示的最終版本]（http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/finished.html）上使用螢火蟲在列中添加一些'
'或其他東西，你會明白我的意思。 –

我很害怕那個。該技術假定主要內容比側欄更大。 – josemota

我用我自己寫的this plugin在每一個需要高度平等的項目中。但是如果你可以使用CSS專用的虛擬列技術，我會替它做。該插件需要一些更新，顯得更加專業:-P

來源

2011-07-11 14:05:59 spliter

你可以嘗試以下方法：

添加<div class="clear"></div>右鍵菜單後
從left_menu移動你的背景，你的content_wrapper

來源

2011-07-11 14:07:26

採取關閉背景和#left_menu把它#content_wrapper與float: left;

#content_wrapper { 
background:url("images/left_menu.png") repeat-y left top; 
float:left; 
}

來源

2011-07-11 14:14:20 Joonas

看到這個職位：

Fluid Width Equal Height Columns

來源

2011-07-11 14:16:14

等列高度問題

回答

相關問題