关于子元素高度设置为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
因为有浮动,相当于浮动的元素漂浮在父类元素之上,并不会有垂直加宽现象
相似问题