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

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

0
hiqihang
h 就算没有浮动,父元素的高度还是一样的,并不会增多,因为父元素的高度在最开始就固定了,子元素会超出父元素容器
h018-04-04
共1条回复

0 学习 · 10204 问题

查看课程