-
讲解了三种流体布局 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
提交
取消