-
講解了三種流體布局 1 一側固定寬度浮動,另一側自適應. width+float margin-left / padding-left 2 一句dom結構順序顯示內容 父級為float width:100% 左側為 float margin-right/padding-right 右側 為 float width +margin-left為負值 3 自適應布局 左側 float:left; margin-right; 右側 display:table-cell; *display:inline-block; width:2000px; *width:auto; 最頂層的父級有寬度限制;查看全部
-
第一個是使用了"clear:both"但是它會與margin重疊，則margin-botttom無法發揮作用；在父級DIV加上邊框 margin-botttom可以發揮作用 第二個是使用了“overflow：hidden”使得元素BFC化，包裹好了，不影響margin-bottom發揮作用查看全部
-
流體布局效果查看全部
-
按鈕添加浮動后同樣會把空格移動到標簽的末尾，但是空格在標簽的末尾是看不到的。查看全部
-
浮動可以去空格化，空格被移動到按鈕的后面，是flolt的初衷效果查看全部
-
文字從inline boxes中脫離出來，由于包裹性，寬度依舊存在，加上與文字處于同一文檔流，文字和圖片不會重疊，加上文字沒有inline-boxes，高度丟失，文字會居頂顯示。查看全部
-
當浮動作用于圖片后，圖片的inline boxes被破壞，inline boxes的高度線丟失，無法與文字類的inline boxes同行排列，然后浮動具有偏移特性，會左右排列。查看全部
-
1.浮動會使父元素高度塌陷，浮動具有破壞性查看全部
-
單側固定流體布局查看全部
-
單側固定布局查看全部
-
浮動消除空格查看全部
-
清除浮動查看全部
-
BFC清除浮動查看全部
-
破壞性 float查看全部
-
包裹屬性查看全部
舉報
0/150
提交
取消