我有一个父div,它有2个子div,一个是左侧,第二个是右侧。 当左侧儿童身高增加时,右儿童身高不会增加。 请参阅上传的图片。感谢
答案 0 :(得分:1)
检查这个小提琴:fiddle
<div id="major">
<div id="one">Hello big</div>
<div id="two">World</div>
</div>
#major {
width: 100%;
border: 1px solid black;
height: 150px;
}
#one {
width: auto;
float: left;
background-color: green;
height: inherit;
}
#two {
width:auto;
min-width:100%;
background-color: blue;
height: inherit;
}
答案 1 :(得分:0)
您应该首先发布您的代码,并检查您的选择器的特异性(对于具有其他样式的child2元素,您是否有.class
或#id
css?)也许是child2元素或float:
属性的内联样式(浮动元素不能继承高度,因为他们不知道中心内容的高度)或!important
,{ {1}}将覆盖样式的规则。
将@import
添加到child1和child2元素样式,它将起作用。
@Charlie显示正确的方法,高度将从父元素继承。
答案 2 :(得分:0)
是的,我现在得到了正确答案。我正在使用表来查找这种类型的外观。