儿童div没有得到父div高度

时间:2014-11-20 11:02:33

标签: html5 css3 cordova

我有一个父div,它有2个子div,一个是左侧,第二个是右侧。 当左侧儿童身高增加时,右儿童身高不会增加。 请参阅上传的图片。感谢

enter image description here

3 个答案:

答案 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)

是的,我现在得到了正确答案。我正在使用表来查找这种类型的外观。