啊啊??！很多地方不明白，救救我
#page:after和#page:before在#page前面和后面插入一個空內(nèi)容，為什么要把他們設(shè)置為display:table;？#page:after{clear:both;overflow: hidden;}，這里設(shè)置了clear:both，清楚浮動了，為什么#footer還要在設(shè)置一次clear:both呢？但如果我把#footer的clear:both去掉，他和#page(margin-bottom: 20px)之間的20px就沒了？這里也不明白？由于#page里面的.main和.sidebar都浮動了，如果#page沒有設(shè)置overflow:hidden，他就應(yīng)該坍塌呀(我給#page加上背景色）,但是它并沒有坍塌，是因?yàn)?page:after{overflow:hidden}的原因？怎么影響的？不好意思啊，問題有點(diǎn)多，麻煩大家了！
2016-10-28
display:table;和#page:after{clear:both;}是為了清除 #page:after受到浮動的影響，#page:after不上浮，和before之間距離導(dǎo)致page不坍塌。 而如果不設(shè)置display:table;或者block ? ??那#page:after是個行內(nèi)元素就直接就上去了?
footer的清除浮動是讓footer自身不受浮動影響 ?其實(shí)這里去掉也沒有影響 因?yàn)樯厦鎿趿藗€block上不去
2016-05-22
1，display:block也是可以的，只要是塊級元素都可以，用于清除page的浮動。
2，個人覺得footer的clear:both是沒有必要的。至于你說去掉以后page和footer的margin會消失，我沒有出現(xiàn)這個問題，可能你的是其他地方出錯，在檢查一下。
3，坍塌的問題，因?yàn)樵趐age的后面加了一個塊級元素用于清楚浮動就不會有這個問題了。
2016-01-13
太復(fù)雜了。