2013-02-21 92 views
0

我正在嘗試使綠色div填充高度沒有matterthe黃色的內容。填充給定div的高度

綠色和黃色divs在灰色div內。

這裏是代碼:http://jsbin.com/ofelov/1/edit

(當然關於這個問題,我不知道標題應該是什麼,所以我道歉,如果它是不正確的,並隨時修改它)

+0

'#courstext { display:table-row-group;高度:自動;最小高度:100%; \t background-color:#FC3; \t float:right; \t寬度:65%; \t身高:自動; }'這個? – claudioivp 2013-02-21 19:59:25

+0

該代碼是否爲您做出了改變?我嘗試過但沒有變化。 – 2013-02-21 20:31:13

回答

0

如果黃色的div在綠色的div中,它會更容易。黃色div在外面有什麼原因嗎?

+0

那麼黃色的div是在灰色的格子裏面嗎?如果我把黃色的div放在左邊,綠色的放在你的右邊,它會改變什麼嗎? – 2013-02-21 20:24:19

+0

沒有那個想要幫助,對不起 – caramba 2013-02-21 20:51:14

0

克里斯Coyier的解決方案:

[http://css-tricks.com/equal-height-blocks-in-rows/][1]

還有很多其他的方法在那裏,只是谷歌'JavaScript等列'。 Javascript是處理需要平等高度的浮動div問題的最佳解決方案。當然,這可以通過表格和css來完成,但表格不應該用於佈局。

+0

嗯,這只是我prefere避免JavaScript的這一點,感謝分享。 – 2013-02-21 20:21:26