2012-10-16 64 views
0

here is jsfiddle - 紅div將在px給予高度。黃色將會有很多內容。我想黃分成columns(如報紙),有紅divheight,有他們之間margin,如果有很多人,我希望他們做頁面滾動水平和紅色div必須有他們自身內部,他們不能overflow。 (最後一個是可選的)多列文本適合高度和滾動頁面水平

+0

看到這裏的解決方案,但要提醒:你會不會支持在IE http://xahlee.info/js/css_multi-column_layout.html正確的,這就是 – Caelea

+0

,但跨瀏覽器在這種情況下非常重要。 – Adarchy

+0

那麼你就無法實現無javascript的幫助下,通訊佈局。我建議Columnizer插件http://welcome.totheinter.net/columnizer-jquery-plugin/或從這裏http://webdesignledger.com/tools/10-jquery-plugins-to-help-with-web-任何其他頁面佈局 – Caelea

回答

0

只是刪除高度,它顯示的紅色&黃色相同的高度。 您可以檢查on here:

#a{background:red;} 
#b{width:200px; background:yellow;} 
h1{font-size:40pt;}​ 
+0

我沒有看到它是多列的內容... – Adarchy