main没有指定高度,子元素又全部是浮动的,所以实际高度是0,所以当footer不指定取消浮动会向上移动到top元素的下边.因此可以提前指定main的高度,而不用设置footer取消浮动
已采纳回答 / 慕码人6121104
因为你a1,a2,a3没有设置浮动,所以没有成一行显示,而是自上而下成一列,a2接在a1下面,a3接在a2下面,a1、a2、a3总高度为900px;但是3个元素都在main里面,而main设置的高度是300px,所以main实际高度只有300px,所以foot默认放在main下面的,这样就造成了foot和a2重叠起来了。将代码改成这样就行了:.a1{height:300px;width:20%;background:pink;float:left}.a2{height:300px;width:50%;ba...
2019-03-14