今日目錄

        1、盒子的浮動float

        2、使用clear消除浮動的影響

        3、盒子定位postion

        4、z-index空間位置

        5、盒子的display屬性

一、盒子浮動 float

Float 屬性：
預設是 none ，按照標準流來定位；
Left：左懸浮；
Right：右懸浮；

二、使用 clear 清除浮動的影響

Clear 屬性：
預設是 none，允許兩邊都可以有浮動物件；
Left： 不允許左邊有浮動物件
Right：不允許右邊有浮動物件
Both：不允許有浮動物件

三、盒子定位postion

Position 屬性：
預設是 static，按照標準流來定位；
Relative：相對定位，相對於原本的標準位置偏移指定的距離；
Absolute：絕對定位，以它的包含框為基準進行偏移；
Fixed：固定定位，以瀏覽器視窗為基準進行定位；

四、z-index空間位置

Z-index 空間位置，預設是 0，z-index 值大的頁面位於其值小的上方；

五、盒子的display屬性

Display：
Inline：把元素變成內聯元素；

Block：把元素變成塊級元素；

新增小編微信可以獲取免費資源，二維碼

要用到的工具，關注公眾號直接免費獲取：