已采纳回答 / EmptySofa
如果不清除浮动,float的元素是脱离了文档流,那么这个元素原来在文档流里的位置不会被继续保留,就会被后来的元素所替代。这个例子中,float的元素的高度要比后来的元素即footer的高度要高,所以footer会被float的元素覆盖了,如果你把float的元素高度设置的比footer小一点,你就可以看到footer显出了部分绿色。 那么如果footer的样式中添加clear的作用是,保留原来float元素在文档流中的位置,这样footer元素就不会去替代float元素所在的位置了。
2015-08-25
已采纳回答 / 忆木偶
现在看起来是没什么影响,但是,一般而言,子元素position:absolute后,都需要父元素设置position:relative ,父元素的相对定位可以使得子元素跟随父元素的位置来定义,具体可以看看绝对定位的跟随性
2015-08-14
最赞回答 / TWT
第十行 ,.head,.main{ width:960px; margin:o auto;} 中的 margin:o auto 使用了英文字母“o”,应使用阿拉伯数字“0”
2015-08-13
最新回答 / 慕田峪7213717
我是这么理解的,因为浏览器是按代码顺序解析的,left和right先写的话就被先漂浮起来脱离了文档流,这时候middle的margin的参照物就剩下父级的body,所以再左右一定,就完成了这样的效果。如果先写middle再写right,因为middle出现的时候right还没有浮动,所以middle的marigin-right属性的参照物还是right,这样的话300px就等于把middle和right要分开300px,所以right就被挤下去了。
2015-08-13
已采纳回答 / 丶小八戒
比如在footer块元素之前,你有在别的块元素中设置了左浮动属性:float:left;然后接着你没有用语句 clear:both; 去除浮动;那么假如你的footer块宽度很小的话,那么就会继续漂浮在上一个标签块元素右边,而不会另起一行。那样格局就会乱套。
2015-08-10