关于子元素高度设置为100%
来源:5-1 CSS其他选择器(上)
饭勺超人
2018-02-25 02:13:16
#container{
background-color: lightgray;
height: 450px;
}
nav{
background-color: lightgreen;
/*当子元素的高度设为100%就会撑满父元素div的高度,也就是高度为父元素高度*/
height: 100%;
/* width: 150px;
float: left;*/
}
aside{
background-color: lightcoral;
height: 100%;
/* width:150px;*/
/* float: right;*/
}
article{
background-color: lightyellow;
height: 100%;
}老师你好,nav/aside/article三个子元素高度设置为100%,意味着子元素的高度和父元素(#container表示父元素)高度一致,对吧?
都是块级元素,自上而下垂直排列,三个子元素高度加起来:450x3 不是父元素的高度应该是450x3吗? 可是通过调试工具查看作为父元素的高度还是450?
1回答
慕桂英6379279
2018-02-25
因为有浮动,相当于浮动的元素漂浮在父类元素之上,并不会有垂直加宽现象
相似问题