-
要全面了解CSS float，必须全面了解他的历史，本质和局限性查看全部
-
float:left,float:right;一些潜在问题查看全部
-
自适应流体布局查看全部
-
清除浮动的基本方法查看全部
-
float浮动查看全部
-
讲的有点糟糕，听蒙了查看全部
-
ie7的浮动问题查看全部
-
float最初的设计初衷是做文字环绕效果查看全部
-
★浮动的影响： 1.元素block块状化（砖头化） 2.破坏性造成的紧密排列特性（去空格化） （其本质还是为了实现文字环绕效果) ★滥用浮动容易造成砌砖布局，砌砖布局的问题 1.容错性比较糟，容易出问题，错位 2.这种布局需要元素固定尺寸，很难重复使用 3.低版本IE下会有很多问题查看全部
-
【清除浮动(带来的影响)】 方法一：在父元素内部插入带有clear:both;的一个空标签 clear通常应用形式 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) 或 .clearfix:after{content:"";display:table;clear:table;} .clearfix{*zoom:1;} ★更好的方法： .clearfix:after{content:''; display:table; clear:both;}(IE8+) .clearfix{*zoom:1;} (IE6/IE7) ★切勿滥用 .clearfix只应用在包含浮动子元素的『父级元素』上查看全部
-
清除浮动查看全部
-
想不到牛人的声音真是魔性啊，果然上帝是公平的查看全部
-
让IE7飙泪的浮动问题 含clear的浮动元素包裹不正确的问题； 浮动元素倒数2个莫名垂直间距问题； 浮动元素最后一个字符重复问题； 浮动元素楼梯排列问题； 浮动元素和文本不在同一行的问题；查看全部
-
【CSS】【清除浮动(带来的影响) clear与margin重叠】 1.用clear清除浮动(在浮动元素的底加入div且设置clear:both;)，会发生margin重叠显现 2.用BFC清除浮动(在浮动元素的父元素上加入overflow: hidden;)，则会把整个元素包起来，从而不会发生margin重叠现象 PS,只有普通文档流中块框的垂直外边距才会发生外边距叠加。行内框、浮动框或绝对定位框之间的外边距不会叠加。查看全部
-
js写得好。。查看全部
举报
0/150
提交
取消