-
通过设置margin-left: auto使元素居右定位 (auto为自动填充的意思)查看全部
-
空block元素margin重叠条件 1. 元素没有设置border（子元素） 2. 元素没有padding值（子元素） 3. 元素里面没有inline元素（可以有空的div） 4. 没有height或者min-height（子元素） 重叠口诀 1. 正正取大值 2. 正负值相加 3. 负负取最负查看全部
-
父子元素margin重叠的条件 1. margin-top重叠 1.1 父元素非块状格式化上下文元素 1.2 父元素没有border-top设置 1.3 父元素没有padding-top值 1.4 父元素和第一个子元素之间没有inline元素分开（如，文字，图片） 2. margin-bottom重叠 2.1 同上 2.2 父元素没有border-bottom设置 2.3 父元素没有padding-bottom值 2.4 父元素和最后一个子元素之间没有inline元素分开（如，文字，图片） 2.5 父元素没有height，min-height，max-height限制查看全部
-
（前提：父级margin-top小于第一个子元素，父级margin-bottom小于最后一个子元素） 父级中的第一个子元素设置margin-top，等于为父级设置一个相同的margin-top 父级中的最后一个子元素设置margin-bottom，等于为父级设置一个相同的margin-bottom （原理：父级的margin和子元素的margin发生重叠，取最大的margin）查看全部
-
margin重叠的3种场景 1. 相邻的兄弟元素 2. 父级和第一个/最后一个元素 3. 空的block元素查看全部
-
margin重叠通常特性 1. 只发生于block的元素中（不包含float和absolute，因为这两个属性已经使元素不再是block） 2. 在不考虑writing-mode前提下（书写模式，例如：文字从上往下书写），margin重叠只发生于垂直方向上查看全部
-
普通元素的百分比margin都是相对于容器的宽度计算的查看全部
-
margin-collapse查看全部
-
去掉margin-top重叠查看全部
-
父子margin重叠的条件查看全部
-
margin百分比与绝对定位查看全部
-
absolute居中查看全部
-
bottom重叠查看全部
-
top重叠查看全部
-
writing-mode文字排版查看全部
举报
0/150
提交
取消