header里面的overflow:hidden，是起到闭合浮动的作用，因为父元素没有设置宽高，header的宽高完全由里面的子元素撑起来的，nav在这里设置了float，这样会导致父元素的高度塌陷，只包裹logo这一块的情况，你把overflow:hidden去掉之后会发现下面的mainbody部分忽略了nav的位置向上移动了，给没有宽高的父元素设置overflow:hidden之后，里面的子元素会被重新定义块属性被包裹起来，而clear只能达到清除浮动的作用，是用在被浮动影响到的元素上的，所以不能用clear代替哦

不可以，在父元素给定宽度＋再设置overflow: hidden这样一起才可以实现清除浮动的效果；而clear：both方法适合给本身清除浮动