知識點一：隱藏
display: none; //不佔位 顯示隱藏
opacity：0； //佔位 透明度
transform： scale(0); //縮放 佔位
知識二：浮動
float： left； //向左浮動 不佔位 要清除浮動
float： right；
float：inherit；//規定應該從父元素繼承 float 屬性的值。
知識點三： 定位
相對定位：position: relative; //不脫離標準流，佔位置
絕對定位：position: absolute; //脫離標準流，，不佔位置
廣告定位：position： fixed； // 脫離標準流，，不佔位置
清除浮動以及什麼是浮動（float）
網頁布局的核心 就是用 css 來擺放盒子。css 提供了 3 種機制來設定盒子的擺放位置，分別是普通流 標準流 浮動和定位，其中 浮動 思考題 我們首先要思考以下2個布局中最常見的問題？如何讓多個盒子 div 水平排列成一行？如何實現盒子的左右對齊？雖然可以使用行內塊 inline block 但...
浮動和清除浮動
浮動的框可以向左或向右移動，直到他的外邊緣碰到包含框或另乙個浮動框的邊框為止。由於浮動框不在文件的普通流中，所以文件的普通流的塊框表現得就像浮動框不存在一樣。浮動的塊框會漂浮在文件普通流的塊框上。浮動元素引起的問題 1 父元素的高度無法被撐開，影響與父元素同級的元素。2 與浮動元素同級的非浮動元素 ...
浮動和清除浮動
浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另乙個浮動框的邊框為止。由於浮動框不在文件的普通流中，所以文件的普通流中的塊框表現得就像浮動框不存在一樣。如果包含框太窄，無法容納水平排列的三個浮動元素，那麼其它浮動塊向下移動，直到有足夠的空間。如果浮動元素的高度不同，那麼當它們向下移動時可能被...