                        課程
                    
                        /前端開發
                        
                            /HTML/CSS
                        
                        /從 psd 到 html

為什么清除浮動是以下這么寫的呢？請幫忙分析以下代碼~

.clearfloat{
	zoom:?1;
}
.clearfloat:after{
	display:?block;
	clear:?both;
	content:?"";
	visibility:?hidden;
	height:?0;
}

補充：平時只用clear:both和其它幾種網上看來的小方法清除浮動，上面這個清除浮動的內容比較多，還用到了偽類，想知道具體是什么原理，這種寫法和其它寫法的不同。

小佳佳QAQ

2016-12-13

源自：從 psd 到 html 2-1

關注問題我要回答

1942

操作

收起

3 回答

小白小白小白啦回答被采納 +3 積分
2016-12-17

這個和用clear:both原理一樣，只是如果你用clear:both的話，要在每個需要清除浮動的下面都寫一個div，然后給這個div設置clear:both，是不是很麻煩？after的作用是在元素的最后面添加一個元素，你可以設置這個元素的css樣式，里面的height，visibility，display只是為了讓這個添加的元素不可見，真正起作用得還是clear:both，content是設置after的內容，為空就是為了不顯示任何東西。。。如果你想搞清楚得話可以百度after就知道了。