浮動
float：left，right，none，
注意：浮動元素會把當前的塊級元素變成內聯元素
清除浮動
clear：both（清除左右浮動）；left（清除左邊浮動）；right（清除右邊
浮動）；
overflow：none（清除浮動）；
hidden（隱藏）；
scroll（滾動）；
auto（自動（滾動效果））；
元素定位（position）
relative：相對定位
absolute：絕對定位
fixed：固定（建議不要使用，部分瀏覽器必相容）
注意：相對定位和絕對定位起點都在它們父標籤的左上角；絕對布局一定設定top或者left才會生效。
1重疊關係（z-index）
預設關係為0
值可以是任何整數
值越大，位置在越前面
2透明度
opacity：0~1值越小越透明
關於浮動的那些事
浮動，一浮全浮。浮動的盒子會影響後面的標準流，不影響前面的標準流。浮動的元素不佔位置 例 外鏈轉存失敗,源站可能有防盜煉機制,建議將儲存下來直接上傳 img y0eaap3i 1599897883157 div2 結果 2盒子不影響1，2相當於浮動起來，3盒子就上到了2盒子的位置，被2盒子覆蓋 外鏈...
關於HTML的那些事
doctype作用，嚴格模式和混雜模式如何區分，它們有何意義？doctype宣告位於html文件的第一行，位於html標籤之前，用於告知瀏覽器解析器用什麼文件標準解析這個文件，doctype不存在或者格式不正確會導致文件以相容模式呈現 在相容模式中，頁面以寬鬆的向後相容的方式顯示，模擬老式瀏覽器的行...
HTML中關於浮動的知識點
1.浮動原理 浮動在當前行，脫離原來文字，進入到新的一層 浮動層 然後在設定的方向 左右 移動，直到遇到父級盒子的邊緣，或者其他浮動塊的邊緣停止 2.浮動換行 當一行沒有足夠空間存放所有浮動塊時，多出來的盒子會擠到下一行，然後按照設定的方向繼續移動，直到遇到父級盒子的邊緣或其他浮動塊的邊緣 3.浮動...