我們?cè)谶M(jìn)行布局的時(shí)候诫惭,經(jīng)常會(huì)用到float 屬性, 比如float:left ,左浮動(dòng)和float:right蔓挖;右浮動(dòng)
但是這個(gè)浮動(dòng)設(shè)置好了之后夕土,就會(huì)發(fā)現(xiàn)元素不受我的父元素控制了。就跑出去了瘟判。
Q:那父元素要怎樣才能重獲控制呢怨绣?
A:我們需要給父元素定義一個(gè)class,類名是什么并不重要拷获,重要的是這個(gè)屬性的內(nèi)容篮撑。
比如我給父元素加上一個(gè)class名為 ,clearfix
那么我只需要寫上:
.clearfix:after{ content:"";? ?display:block; clear:both }
只要設(shè)置這個(gè)屬性就能實(shí)現(xiàn)匆瓜,清除子元素的浮動(dòng)效果了赢笨。