浮動的**
float
:left;//左浮動
float
:right;//右浮動
如果父盒子中有乙個子盒子，父盒子沒有設定高度，子盒子浮動，那麼父盒子不能被子盒子撐開，即父盒子高度為0，這時下面的盒子會佔位。
在浮動的盒子之下再放乙個標籤，在這個標籤中使用clear:both,來清除浮動對頁面的影響。又分為外部標籤法和內部標籤法
外部標籤法：
.clearfix
style>
class="father">
class="son">
div>
div>
class="clearfix">
div>
//缺點是父盒子高度依然為0
.clearfix
style>
class="father">
class="son">
div>
class="clearfix">
div>
div>
先找到浮動盒子的父元素，在父元素中新增乙個屬性overflow:hidden
.fateher
style>
class="father">
class="son">
div>
div>
偽元素：在頁面中不存在的元素，可以通過css新增上去，每乙個元素都有自己的偽元素
分類：
：before //在…之前新增
：after //在…之後新增
.clearfix
:after，.clearfix
:before
.clearfix
style>
class="father clearfix">
class="son">
div>
div>
定位的分類：靜態定位（static） 相對定位（relative） 絕對定位（absolute） 固定定位（fixed）
靜態定位：position：static所有的標準流預設都是靜態定位
相對定位：position:relative 相對於自身定位 定位後的元素不脫離標準流 在頁面上依然佔據位置
絕對定位：position:absolute 定位後元素脫離標準流 在頁面上不佔位置
1. 如設定絕對定位的元素沒有父元素，就相對於body定位
2. 如果有父元素，但是父元素沒有定位，則還是相對於body定位
3. 如果有父元素，而且父元素有定位（非static）,那麼這個元素就相對于父元素進行定位
固定定位：position:fixed
不管頁面多大，永遠相對於瀏覽器邊框定位 定位後元素脫離標準流 在頁面上不佔位置
定位和浮動
能把元素定在螢幕的任意位置，該元素脫離文件流。什麼是文件流 文件流指的是元素排版布局過程中，元素會自動從左往右，自上而下的流式布局。一 relative 相對定位 相對定位的元素相對於自身偏移 相對定位的元素不會脫離文件流 二 absolute 絕對定位 使元素完全脫離文件流 相對於 static ...
浮動和定位
浮動 float float 屬性定義元素在哪個方向浮動。以往這個屬性總應用於影象，使文字圍繞在影象周圍，不過在 css 中，任何元素都可以浮動。浮動元素會生成乙個塊級框，而不論它本身是何種元素。如果浮動非替換元素，則要指定乙個明確的寬度 否則，它們會盡可能地窄。注釋 假如在一行之上只有極少的空間可...
浮動和定位
float屬性 高度塌陷 清除浮動 清除浮動不是不讓元素浮動，而是清除浮動對父級帶來的影響 清除浮動的方法 給浮動元素的父級設定高度height 不推薦使用 缺點 很多情況下 高度都是不確定的 所有不適用 以浮制浮，給浮動元素的父元素設定浮動，原理是開啟bfc 不推薦使用 缺點 只有在父級需要浮動的...