當元素有浮動屬性時，會對其父元素或后面的元素產生影響，會出現一個布局錯亂的現象，可以通過清除浮動的方法來解決浮動的影響。 浮動的清理(clear): 值:none:默認值。允許兩邊都可以有浮動對象；left:不允許左邊有浮動對象；right:不允許右邊有浮動對象；both:左右兩側不允許有浮動 ...

浮動后元素可以很好的幫我們進行頁面上的布局，但是浮動后我們為什么要清除浮動呢？其實，清除浮動的本質是因為，子元素浮動，引起父元素內部高度為零，而后邊元素因為前邊元素高度為零，從而影響布局，最簡單直接方法是為父元素添加高度，但是在我們真正實際開發中，是不方便也給父元素添加固定高度，比如，新聞頁 ...

使用浮動造成的BUG： 使用浮動前：（子節點是將父節點撐開了） 代碼如下 首先說明現象：我沒有給父節點設置高度，在給子div設置float:left后，出現如下BUG: 1.父節點的margin屬性失效 2.子節點沒有將父節點撐開 ...

1.first-line偽元素：向文本的首行設置特殊格式； 注意：　只能用於塊級元素；　 　　 　　可應用於first-line偽元素的屬性：fon ...

一、拋一塊問題磚（display： block）先看現象： 分析HTML代碼結構： ? ...

清除浮動其實主要解決的就是高度塌陷問題，具體在此不再贅述~~~那些年我們一起清除過的浮動（大佬博客，寫的挺不錯） 方法小結：1. 1）添加額外標簽 這是在學校老師就告訴我們的 一種方法，通過在浮動元素末尾添加一個空的標簽例如 <div style=”clear:both”>< ...

方法一、 這個方法來源於positioniseverything ，通過after偽類實現，完全兼容當前主流瀏覽器。 方法二、 還有一個無敵的清除浮動的樣式，這個是通過獨立的代碼來清除 ...

div+css布局實現2端對齊是我們網頁排版中經常會使用到的，這篇文章將總結一下可以實現的方法： html結構 實現demo里面的div通過Css進行2端對齊。 1.margin負值的方式 該方法需要外面多嵌套一層來實現，通過元素的間距，做為中間層 ...