【发布时间】:2013-04-17 17:03:20
【问题描述】:
所以我又在 css 定位上苦苦挣扎了。
几分钟前,我发现浮动元素不会影响其父容器的高度。那么当所说的高度是动态的时,我如何设置两个浮动到相同高度的div's?
小提琴
如何将青色<div> 的高度设置为与动态填充的绿色高度相同?
【问题讨论】:
标签: css dynamic css-float positioning
所以我又在 css 定位上苦苦挣扎了。
几分钟前,我发现浮动元素不会影响其父容器的高度。那么当所说的高度是动态的时,我如何设置两个浮动到相同高度的div's?
小提琴
如何将青色<div> 的高度设置为与动态填充的绿色高度相同?
【问题讨论】:
标签: css dynamic css-float positioning
添加这个css:
html, body {
height: 100%;
}
.start-page-wrapper {
height: 100%;
}
.first-section {
height: 100%;
}
编辑
或者,您可以将display: table 用于父元素,将display: table-cell 代替float: left 用于子元素。它在 IE7 中不起作用。 jsfiddle
【讨论】: