。。。。視頻里的clearfloat 明明是老師在reset.css里的一個(gè)類

.clearfloat{
	zoom:1;/*適用ie6、7*/
}
.clearfloat:after{
	display:?block;
	clear:?both;
	content:?"?";
	visibility:?hidden;
	height:?0;/*其他適用*/
}

clearfloat這個(gè)類的作用是清除浮動(dòng)影響。

claerfloat用于[浮動(dòng)子元素]的【父級(jí)元素】

例如：視頻中public-container有兩個(gè)子元素header-logo和header-nav

.public-container?.header-nav{
	float:?right;/*header-nav右浮動(dòng)，即[浮動(dòng)子元素]*/
	font-size:?14px;
}
.public-container?.header-logo{
	float:?left;/*header-logo左浮動(dòng)，即[浮動(dòng)子元素]*/
	margin-top:?40px;	
}

故，需要給public-container 這個(gè)父元素對(duì)應(yīng)加上clearfloat屬性，即：

<div?class="public-container?clearfloat"><!--public-container加上clearfloat?用空格間隔不同class-->
	????<div?class="header-logo"><a?href=""></a></div>
	????<ul?class="header-nav?clearfloat">
		<li?class="item"><a?href="">Our?Story</a></li>
		<li?class="item"><a?href="">Menu</a></li>
		<li?class="item"><a?href="">Reservation</a></li>
		<li?class="item"><a?href="">News</a></li>
		<li?class="item"><a?href="">Rviews</a></li>
	????</ul>
</div>

綜上，要浮動(dòng)的元素用float，浮動(dòng)元素的父元素用clearfloat ?

float更多參考請(qǐng)見(jiàn):CSS float 屬性

clearfloat更多參考請(qǐng)見(jiàn)：CSS深入理解之float浮動(dòng)---4.1清除浮動(dòng)

clearfloat即是視頻中的.clearfix

望采納or覺(jué)得好就點(diǎn)個(gè)贊唄

float是浮動(dòng)也就是脫離普通的文檔流，當(dāng)浮動(dòng)元素脫離文檔流就是造成他的父級(jí)的高度塌陷，或者是其他塊找不到，而clearfloat是清除浮動(dòng)，他會(huì)清除浮動(dòng)所造成的影響，當(dāng)你的元素需要水平擺放時(shí)，你可以使用浮動(dòng)，還可以使用display:inline-block...

案例：

float:left; 當(dāng)前元素向左側(cè)浮動(dòng).
float:right: 當(dāng)前元素向右側(cè)浮動(dòng).

clear:left; 禁止左側(cè)出現(xiàn)浮動(dòng)元素,如果左側(cè)存在浮動(dòng)元素,則當(dāng)前元素將在浮動(dòng)元素下面另起一行呈現(xiàn).
clear:right; 禁止右側(cè)出現(xiàn)浮動(dòng)元素,如果右側(cè)存在浮動(dòng)元素,則右側(cè)的浮動(dòng)元素將在當(dāng)前元素下面另起一行呈現(xiàn).
clear:both; 禁止左右兩側(cè)出現(xiàn)浮動(dòng)元素,當(dāng)前元素將排斥浮動(dòng)元素獨(dú)占一行呈現(xiàn).