-
添加 float 可以去空格查看全部
-
慎用 clear查看全部
-
BFC/通常声明查看全部
-
float最初是为了做文字环绕效果查看全部
-
float的设计初衷是：文字环绕效果。查看全部
-
Float与流体布局： 1.文字环绕； 2.单侧固定（左侧固定右侧自适应） 前标签：width+float 后标签padding-left/margin-left(可实现当改变宽度时整体都随之变化) 3.DOM与显示位置匹配的单侧固定布局（右侧固定左侧自适应） 外层标签A设置width:100%+float,内层标签B设置padding-left/margin-left；然后与A同级的标签C设置width+float+margin负值，负值大小等于width值的大小）；（A为自适应，c为固定） 4.智能自适应（左右宽度均为自适应，不用设定） 一侧元素设置float,另一侧元素针对IE8以上浏览器（或其他现代浏览器）设置display:table-cell，针对IE7设置display:inline-block查看全部
-
滥用浮动的问题： 1.容错性比较糟糕，容易出问题； 2.这种布局需要元素固定尺寸，难以复用； 3.在低版本的IE下会有很多问题。 浮动的特性： 1.元素block块状化 2.破坏性造成的紧密排列特性（去空格化）查看全部
-
更好的消除浮动的方法 .clearfix:after{content:";display:table;clear:both;} .clearfix{*zoom:1;} 清除浮动：（只是清除浮动带来的影响，浮动一直存在） 1父元素底部插入一个设置了clear:both的属性的元素； （1）html block水平元素底部<div ...></div> (2)css after伪元素底部生成 .clearfix:after{} IE8以上： .clearfix:after{content:"";display:block;height:0px;overflow:fidden;clear:both}查看全部
-
用clear清除浮动，会发生margin重叠显现，而BFC清除浮动，则会把整个元素包起来，从而不会发生margin重叠现象 <img src="http://img1.sycdn.imooc.com//53d60af3000171a002560191.jpg" > <div >clear:both;</div>(消除图片浮动影响的元素处设置clear：both) </div> <div >本文字离图片的距离是？</div>（距离为100px发生了margin重叠显现） <div >(bfc将元素包起来，不会发生margin重叠显现) <img src="http://img1.sycdn.imooc.com//53d60af3000171a002560191.jpg" > </div> <div >本文字离图片的距离是？</div>（距离为200px）查看全部
-
习题是两个清除浮动的方法：第一种：浮动元素的底加入div且设置clear:both;第二种：在浮动元素的父元素上加入overflow: hidden;样式也可清除浮动...查看全部
-
左侧自适应布局： 左侧：float:left;width:xxxpx; 右侧：margin-left:xxxpx;查看全部
-
右侧自适应布局： 右浮动形式： 左侧：margin-right:xxxpx; 右侧：float:right;width:xxpx; 左浮动形式： 左外框：float:left;width:100%; 左内框：margin-right/padding-right:xxxpx; 右侧：width:xxxpx;margin-left:-xxxpx;float:left;查看全部
-
两侧自适应布局： 左侧：float:left 右侧：width:max-width;*width:auto;display:table-cell;*display:inline-block;查看全部
-
这人是逗比吧我去...查看全部
-
清除浮动的方法查看全部
举报
0/150
提交
取消