-
内联特性导致的margin失效/鞭长莫及导致margin失效/绝对定位非定位方位的margin"失效"
查看全部 -
overflow属性： visible 默认值。内容不会被修剪，会呈现在元素框之外。 hidden 内容会被修剪，并且其余内容是不可见的。 scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。 auto 如果内容被修剪，则浏览器会显示滚动条以便查看其余的内容。
查看全部 -
请输入笔记内容...
查看全部 -
请输入笔记内容...
查看全部 -
请输入笔记内容...
查看全部 -
根据宽度计算百分比的值查看全部
-
干掉block元素重叠
查看全部 -
干掉margin-top重叠
查看全部 -
重叠 margin
查看全部 -
善用margin重叠
查看全部 -
空block的margin重叠条件
查看全部 -
宽高成比例的矩形
查看全部 -
margin重叠计算规则：
正正取大值
正负值相加
负负最负值
查看全部 -
相邻兄弟margin重叠
父子margin重叠其他条件
一、 margin-top重叠
父元素非块状格式化上下文元素（resolution：父级元素设置overflow：hidden）
父元素没有border-top设置（resolution：父级元素设置border-top）
父元素没有padding-top值（resolution：父级元素设置padding-top）
父元素和第一个子元素之间没有inline元素分隔（resolution：父级元素与第一个子元素之间设置inline元素。 e.g. ）
二、 margin-bottom重叠
父元素非块状格式化上下文元素
父元素没有border-bottom设置
父元素没有padding-bottom值
父元素和第最后一个子元素之间没有inline元素分割
父元素没有height，min-height，max-height限制
（resolution参考margin-top）
空block元素margin重叠其他条件
元素没有border设置
元素没有padding设置
里面没有inline元素
没有height，或者min-height
（resolution参考margin-top）
查看全部 -
重叠的三种情境：
相邻的兄弟元素
父级和子级的第一个/最后一个元素
空的block元素与自身
查看全部
举报