額外標籤法
使用:after 偽元素
給父元素定高
利用overflow:hidden;屬性
父元素浮動
父元素處於絕對定位
在開發網頁的時候經常需要用到各種浮動，此時便需要及時的清除浮動，否則將會導致布局出現問題
引出問題：
title>
.outer
.inner
.footer
style>
head>
div>
div>
div>
div>
div>
body>
html>
解決辦法：
title>
.outer
.inner
.footer
.clearfix
style>
head>
div>
div>
div>
div>
div>
div>
body>
html>
title>
.outer
.inner
.footer
.clearfix:after
.clearfix:after
*/.clearfix
style>
head>
div>
div>
div>
div>
div>
body>
html>
title>
.outer
.inner
.footer
style>
head>
div>
div>
div>
div>
div>
body>
html>
title>
.outer
.inner
.footer
style>
head>
div>
div>
div>
div>
div>
body>
html>
title>
.outer
.inner
.footer
style>
head>
div>
div>
div>
div>
div>
body>
html>
如果要解決可以參考前面的辦法。
例如：
title>
.outer
.inner
.footer
.clearfix:after
.clearfix
style>
head>
div>
div>
div>
div>
div>
div>
body>
html>
title>
.outer
.inner
.footer
style>
head>
div>
div>
div>
div>
div>
div>
body>
html>
清除浮動6中方法
使用display inline block會出現的情況 1.使塊元素在一行顯示 2.使內嵌支援寬高 3.換行被解析了 4.不設定的時候寬度由內容撐開 5.在ie6,7下步支援塊標籤 由於inline block屬性換行的時候被解析 有間隙 故解決方法使用浮動float left right 使用浮...
清除浮動的6中方法總結
doctype html html lang en head meta charset utf 8 title 清除浮動 title style 1.直接給父元素新增高度 擴充套件性不好 2.父元素新增overflow hidden ie6 7 底下不支援bfc 3.父元素新增浮動，float le...
CSS清除浮動的4中方法
清除浮動 這個問題，做前端的應該再熟悉不過了，咱是個新人，所以還是記個筆記，做個積累，努力學習向大神靠近。css清除浮動 的方法網上一搜，大概有n多種，用過幾種，說下個人感受。1 結尾處加空div標籤 clear both1 2 3 4 div1 left right clear 這種方法，感覺之前...