-
单侧固定：
设置图片的width以及左浮动，
同时设置padding-left/margin-left来使左侧固定（其中，margin-left或padding-left为0时即以前的文字环绕效果）
查看全部 -
添加float之后，元素之间的空格消失
查看全部 -
clearfix应用在包含浮动子元素的父级元素上
查看全部 -
包裹的特性：
1、宽度收缩
2、高度伸开
3、内部变化不影响外部
查看全部 -
float的设计初衷是为了文字的环绕效果
查看全部 -
float的特性：包裹与破坏查看全部
-
float的初衷:文字环绕效果查看全部
-
查看全部
-
块级元素
会占领页面的一行，其后多个block元素自动换行、 可以设置width，height，设置了width后同样也占领一行、同样也可以设置 margin与padding属性。
ps:常见的块级元素:div,img,ul,form,p等
行级元素
与其他元素在同一行上，高度，行高以及底边距不可改变，高度就是内容文字或者图片的宽度，不可以改变。
ps：em，strong，br,input等
display:inline-block，block，inline元素的区别
1、display：block将元素显示为块级元素，从而可以更好地操控元素的宽高，以及内外边距，每一个块级元素都是从新的一行开始。
2、display : inline将元素显示为行内元素，高度，行高以及底边距不可改变，高度就是内容文字或者图片的宽度，不可以改变。多个相邻的行内元素排在同一行里，知道页面一行排列不下，才会换新的一行。
3、display：inline-block看上去值名inline-block是一个混合产物，实际上确是如此，将元素显示为行内块状元素，设置该属性后，其他的行内块级元素会排列在同一行。比如我们li元素一个inline-block，使其既有block的宽度高度特性，又有inline的同行特性，在同一行内有不同高度内容的元素时，通常要设置对齐方式如vertical-align: top;来使元素顶部对齐。
查看全部 -
float，此属性在IE中用obj.style.styleFloat="left";
在ff等其他浏览器中用obj.style.cssFloat="left";
第三中兼容性写法：obj.style['cssFloat' in obj.style?'cssFloat':'styleFloat']='left'；具体例子如下
查看全部 -
js中style,currentStyle和getComputedStyle的区别
1.style只能获取元素的内联样式，内部样式和外部样式是获取不到的。例子：
<div id="test" ></div>
alert(document.getElementById('test').style.height);
2.currentStyle和getComputerStyle可以获取元素的内部样式和外部样式，但是currentStyle只适用于IE，getComputerStyle适用于FF、opera、safari、chrome
下面的方法可以解决兼容性
display = this.currentStyle? this.currentStyle.display: window.getComputedStyle(this, null).display;
display代表css属性，可以是width，color，backgroundSize等
查看全部 -
让IE7飙泪的浮动问题
含clear的浮动元素包裹不正确的问题
浮动元素倒数2个莫名垂直间距问题
浮动元素最后一个字符重复问题
浮动元素楼梯排列问题
浮动元素和文本不在同一行的问题（解决：左侧左浮动，右侧右浮动）
查看全部 -
文字环绕变身
float:left（左青龙）
float:right(右白虎）
text-align:center(中间是标题）
文字环绕衍生-单侧固定
width+float(一侧）
padding-left/margin-left（另一侧）
DOM与显示位置匹配的单侧固定布局
width:100%+float
padding-left/margin-left
width+float+margin负值
高级进化-智能自适应尺寸
float(一侧）
display:table-cell IE8+(另一侧）
display:inline-block IE7
查看全部 -
1.元素block块状化（砖头化）
2.破坏性造成的紧密排列特性（去空格化）
nbsp（空格）看作字符
砌砖布局的问题
妙脆角-嘎吱脆（容错性比较糟糕，容易出问题）
吝啬鬼-重用废（这种布局需要元素固定尺寸，很难重复使用）
洋葱头-IE7飙泪（在低版本的IE下会有很多问题）
尽量少用float砌砖头
查看全部
举报