-
一个块级元素在没有设置宽度值的时候 margin值可以缩小和扩大元素宽度 marign-left:auto;margin-right:0;可以实现块级元素左对齐效果,不用float,没有文字环绕查看全部
-
absolute元素水平垂直居中 absolute强制拉伸后再强制宽高,剩下的空间是margin:auto可以分配的空间 此时可以实现水平垂直居中 ie8+查看全部
-
writing-mode:vertical-lr查看全部
-
普通元素margin相对于父级元素计算 绝对定位相对于第一个具有定位属性的祖先元素定位的查看全部
-
margin百分比值是相对于宽度计算查看全部
-
padding在chrome中才会留白查看全部
-
不是很懂。。查看全部
-
解决margin重叠问题 margin-collapse collapse -- 默认重叠 discard -- 取消margin separate -- 取消重叠查看全部
-
破坏其中一个条件即可消除重叠查看全部
-
margin 重叠 1. block水平元素 2. 不考虑writing-mode,只发生在垂直方向 一 发生地方 1. 相邻兄弟元素 2. 父级和第一个或者最后一个元素 3. 空block元素 二 清除影响 1. 干掉margin-top重叠 a. 父级是块级格式化上下文元素,如:overflow:hidden b. 父级有border-top c. 父级有padding-top d. 父级和第一个子元素有inline元素分割,如: 2. 干掉margin-bottom重叠 a. 父级是块级格式化上下文元素,如:overflow:hidden b. 父级有border-bottom c. 父级有padding-bottom d. 父级和最后一个子元素有inline元素分割,如: e. 父级有声明height 3. 空block不重叠 a. 有boder b. 有padding c. 包含inline d. 有height 三 计算 1. 正正取大 2. 正负相加 3. 负负取小 四 意义 1. 连续段落或者列表,其中首尾项和其他兄弟标签排版自然 2. 空div插入到任意地方,不影响原来布局 3. 遗落空任意多个p,不影响原来排版 五 实践 带上下margin,最后一个元素移除或位置调换,不影响原布局查看全部
-
auto用来填充剩余空间,当没有给定宽度和高度的时候,宽度会自动填充而高度不会,所以只有宽度有剩余空间,而高度不能用auto查看全部
-
父子margin重叠条件查看全部
-
margin-after查看全部
-
margin-start查看全部
-
通过margin负值来实现正确dom顺序的文字-图片自适应布局查看全部
举报
0/150
提交
取消