-
清楚浮动查看全部
-
伪类清浮动 :after{ content:""; display:block; clear:both; }查看全部
-
IE7浮动问题： 1.含clear的浮动元素包裹不正确的问题 2.浮动元素倒数2个莫名垂直间距问题 3.浮动元素最后一个字符重复问题 4.浮动元素楼梯排列问题 5.浮动元素和文本不在同一行的问题查看全部
-
在写js操作css的过程中发现float属性在IE和firefox下对应的js脚本是不一样的，IE下对应得是 styleFloat，firefox,chorme,safari下对应的是cssFloat，可用in运算符去检测style是否包含此属性。查看全部
-
浮动的作用： 1.元素block块状化 2.破坏性造成的紧密排列特性(去空格化) float块元素布局的问题 1.容错性比较糟糕，容易出问题 2.这种布局需要元素固定尺寸，很难重复使用 3.在低版本的IE下会有很多问题查看全部
-
两栏，双适应，左栏浮动，右栏变为表单（display:talbe-cell; IE7则需要变为行内块display:innle-block)查看全部
-
inline-block 浮动之后变为块级元素block，一般针对块级元素用float，然后变为inline-block效果，不可思议，有待思考？查看全部
-
float容错性太低，复用性差，IE低版本可能造成不可估量的错误，期初float仅为文字环绕效果诞生而已查看全部
-
清除浮动更好的方法，兼容IE6/7查看全部
-
IE6/7 特有的zoom：1,可清除浮动查看全部
-
正在学习查看全部
-
习题是两个清除浮动的方法：第一种：浮动元素的底加入div且设置clear:both;第二种：在浮动元素的父元素上加入overflow: hidden;样式也可清除浮动...<br> 设置了overflow:hidden之后，父元素不会塌陷，可以被撑开并固定住，内部的东西被包裹起来不会受到干扰，图片的bottom就是父元素的bottom，所以往上移了100px； 上面的clear之后，外面的东西依然会对内部造成干扰，clear的bottom是针对下一个div的上部为基准，进行上移100px的。（看起来就重叠了） 【CSS】【清除浮动(带来的影响) 缺陷练习】 1.用clear清除浮动(在浮动元素的底加入div且设置clear:both;)，会发生margin重叠显现 2.用BFC清除浮动(在浮动元素的父元素上加入overflow: hidden;)，则会把整个元素包起来，从而不会发生margin重叠现象查看全部
-
【CSS】【清除浮动(带来的影响)】 方法一：在底部插入clear:both 1.HTML block水平元素放置于底部 <div ...></div> 2.CSS after伪元素在底部生成 .clearfix:after{} 方法二：父元素BFC(IE8+)或haslayout(IE6/IE7) float:left/right position:absolute/fixed overflow:hidden/scroll(IE7+) display:inline-block/table-cell(IE8+) width/height/zoom:1/...(IE7/IE7) 由于以上两个方法各有缺点所以： 权衡后的策咯 .clearfix:after{content:''; display:block; height:0; overflow:hidden; clear:both;}(IE8+) .clearfix{*zoom:1;} (IE6/IE7) 或 .fix:after{} .fix{} 更好的方法： .clearfix:after{content:''; display:table; clear:both;}(IE8+) .clearfix{*zoom:1;} (IE6/IE7) 切勿滥用 .clearfix只应用在包含浮动子元素的『父级元素』上查看全部
-
float特性：包裹与破坏 包裹： 1收缩：水平方向使其宽度收缩 2坚挺：竖直方向 3隔绝：里面的东西发生的任何事情对外面没有任何影响（bfc:块级格式化上下文） 具有包裹性的其他小伙伴： 1. display: inline-block/table-cell/... 2. position: absolute（近亲）/fixed/sticky 3. overflow: hidden/scroll 破坏（父级元素高度被破坏，高度塌陷）（浮动是魔鬼） 1. display: none 2. position: absolute（近亲）/fixed/sticky查看全部
-
好好学查看全部
举报
0/150
提交
取消