关于子元素高度设置为100%
#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?
18
收起
正在回答 回答被采纳积分+1
1回答
慕桂英6379279
2018-02-25 16:52:49
因为有浮动,相当于浮动的元素漂浮在父类元素之上,并不会有垂直加宽现象
从网页搭建入门Java Web2018版
- 参与学习 人
- 提交作业 1088 份
- 解答问题 10205 个
如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星