對于absolute與relative的理解

relative（相對定位）

relative是相對于它在普通流來定位的。例如：#demo{position:relative;top:-50px;},這時**#demo**會在相對于它原來的位置上移50px。它不會脫離文檔流。

absolute（絕對定位）

absolute是相對于它最近一級的，定位不是static的父元素來定位的，。以left，right，top，bottom來設置移動。它是會脫離文檔流的。

關于清除浮動的方法

1.給浮動的元素的父級元素設置寬高。
2. 使用負margin。
3. 給浮動的元素的父級元素設置overflow:hidden;
4. 給浮動元素的父級元素添加偽元素after（注意這不是偽類，而是偽元素，代表一個元素之后最近的元素）,即在元素末尾添加一個內容為空并帶有 clear: both 屬性的元素實現的。 例：

對于hover的理解

它是在它設置的這個元素里面定義樣式，此元素外無法定義。

2018.11.5

總結

以上是生活随笔為你收集整理的position与清除浮动的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。