2013-02-21 91 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