-
clear通用应用形式： 1.HTML block水平元素底部添加<div></div> 2.CSS after伪元素底部生成.clearfix:after{}查看全部
-
清除浮动的两个基本方法： 方法1：脚底插入clear:both; 方法2：父元素BFC（IE8+）或haslayout（IE6/IE7）查看全部
-
浮动具有破坏性，会让父元素高度塌陷 这个塌陷不是一个bug，而是float的一个标准查看全部
-
浮动的三无准则： 1.无宽度 2.无图片 3.无浮动查看全部
-
具有破坏性的属性： display:none position:absolute/fixed/sticky查看全部
-
具有包裹性的其他属性： display:inline-block/table-cell/... position:absolute/fixed/sticky overflow:hidden/scroll查看全部
-
包裹的三个表现： 1.收缩 2.坚挺 3.隔绝（BFC block formatting context--块级格式化上下文）查看全部
-
浮动的原本作用-文字环绕查看全部
-
float的初衷是文字环绕效果查看全部
-
浮动的破坏性：使得父元素坍塌，子元素行被占查看全部
-
float砌砖布局的问题 1、容错性比较糟糕，容易出问题 2、这种布局需要元素固定尺寸，很难重复使用 3、在低版本的IE下会有很多问题查看全部
-
习题是两个清除浮动的方法：第一种：浮动元素的底加入div且设置clear:both;第二种：在浮动元素的父元素上加入overflow: hidden;样式也可清除浮动...<br> 设置了overflow:hidden之后，父元素不会塌陷，可以被撑开并固定住，内部的东西被包裹起来不会受到干扰，图片的bottom就是父元素的bottom，所以往上移了100px； 上面的clear之后，外面的东西依然会对内部造成干扰，clear的bottom是针对下一个div的上部为基准，进行上移100px的。（看起来就重叠了）查看全部
-
清除浮动更好的方法 clearfloat:after{content:'';display:table;clear:both} .clearfix{*zoom:1;}查看全部
-
BFC/haslayout通常声明 .float:left/right .position:absolute/fixed .overflow:hidden/scroll(IE7+) .display:inline-block/table-cell(IE8+) .width/height/zoom:1/...(IE6/IE7)查看全部
-
清除浮动的方法查看全部
举报
0/150
提交
取消