-
### inline元素的垂直margin 1. 不是替换元素，不是img 2. 正常书写模式查看全部
-
### 两栏自适应布局 **不改变DOM位置** 左边元素添加width：100%,float:left容器，（ie7-),元素margin-right：右边尺寸空位 右边元素float:left,margin-left:-右边尺寸空位查看全部
-
### 等高布局 父级块状格式化，margin预留空间，padding填充查看全部
-
### 两端对齐 父级带个margin-right：负值 抵消最后一个子元素margin-right：正值查看全部
-
### 垂直居中 2. 父级relative, 子元素absolute,拉伸top/right/bottom/left:0(ie8+)查看全部
-
### 垂直居中 1. 父级有heigth，有writing-mode:vertical-lr，子元素有高查看全部
-
如果一侧定值，一侧auto，auto为剩余空间大小（上限） 如果两侧auto，平方剩余空间查看全部
-
## margin:auto ### 作用机制 没有设置width/height元素，会自动填充对应方位 有设置width/height元素，不会自动填充，出现空缺空间 margin:auto自动根据空缺空间产生距离查看全部
-
### margin重叠实践 带上下margin，最后一个元素移除或位置调换，不影响原布局查看全部
-
### margin重叠计算 1. 正正取大 2. 正负相加 3. 负负取小查看全部
-
#### 空block不重叠 1. 有boder 2. 有padding 3. 包含inline 4. 有height查看全部
-
3. 空block元素margin重叠查看全部
-
#### 干掉margin-bottom重叠 1. 父级是块级格式化上下文元素，如：overflow:hidden 2. 父级有border-bottom 3. 父级有padding-bottom 4. 父级和最后一个子元素有inline元素分割，如： 5. 父级有声明height查看全部
-
#### 干掉margin-top重叠 1. 父级是块级格式化上下文元素，如：overflow:hidden 2. 父级有border-top 3. 父级有padding-top 4. 父级和第一个子元素有inline元素分割，如： 查看全部
-
2. 父级和第一个或者最后一个子元素查看全部
举报
0/150
提交
取消