关于子元素高度设置为100%

关于子元素高度设置为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?

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
慕桂英6379279 2018-02-25 16:52:49

因为有浮动,相当于浮动的元素漂浮在父类元素之上,并不会有垂直加宽现象

  • 就算没有浮动,父元素的高度还是一样的,并不会增多,因为父元素的高度在最开始就固定了,子元素会超出父元素容器
    2018-04-04 14:26:36
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
从网页搭建入门Java Web2018版
  • 参与学习           人
  • 提交作业       1088    份
  • 解答问题       10205    个

如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师