-
浮动的原本作用：文字环绕. 如果一行是图片，一行是文字的话 给图片设置float属性，会实现文字环绕的效果查看全部
-
清除浮动，伪元素的另一个实现 .clearfix:after{content:''; display: table; clear:both} .clearfix{*zoom:1}查看全部
-
单侧固定查看全部
-
浮动会使元素block化查看全部
-
float特性 1. 包裹性，float所应用的元素会变为一个BFC模型 2. 破坏性，父级元素高度塌陷，计算高度时忽略float元素的高度查看全部
-
两个方法 1. 在之后的元素(在同一个父元素下)加上clear:both; 2. 在使用float的元素的父元素上使用bfc属性(避免浮动带来的高度塌陷的影响)查看全部
-
inline图片的浮动效果 (3) float属性的元素具有偏移的特性(left), 靠左显示 包裹性(bfc), 宽度实体仍存在 与文字处于同一文档流中, 没有互相重叠 浮动的破坏性(塌陷, 自身盒模型的高度丢失), 同时具有包裹性(bfc), 以及偏移特性(靠边显示) 破坏性只是单纯为了实现文字环绕效果而已...查看全部
-
inline图片的浮动效果 (2) 图片设置float后, 图片的inline box被破坏, inline box高度线丢失查看全部
-
inline图片的浮动效果 (1)查看全部
-
老早前, 人像一行, 文本一行: 人像本来在虚线的红框内, 当时“美女1...”等文本在下一行; 然后给人像设置float:left后, 其虚线红框塌陷, 变成红色的实线框, 此时在下面一行的文本上移(但人像本身没有完全脱离, 形成bfc, 所以没有和文字之间形成覆盖), 最终达到文本环绕图片的效果查看全部
-
其他具有破坏性的属性(影响布局等)查看全部
-
除了float以外, 其他具有包裹性 (bfc) 的属性查看全部
-
bfc 块级格式化上下午 空间大小变成自身容器内内容本身的空间大小(宽高收缩), 不受外部影响查看全部
-
汗, 至少才意识到, 达到文字环绕的效果, 是在图片上设置float, 而不是在文字上设置啊... 哈哈哈哈...查看全部
-
float初衷：文字环绕效果 为了不用图片一行,文字一行查看全部
举报
0/150
提交
取消