爱创课堂每日一题八十二天-什么是外边距重叠?重叠的结果是什么?
2017-12-27 17:22
429 查看
外边距重叠就是margin-collapse。
在CSS当中,相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为折叠外边距。
折叠结果遵循下列计算规则:
两个相邻的外边距都是正数时,折叠结果是它们两者之间较大的值。
两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值。
两个外边距一正一负时,折叠结果是两者的相加的和。
在CSS当中,相邻的两个盒子(可能是兄弟关系也可能是祖先关系)的外边距可以结合成一个单独的外边距。这种合并外边距的方式被称为折叠,并且因而所结合成的外边距称为折叠外边距。
折叠结果遵循下列计算规则:
两个相邻的外边距都是正数时,折叠结果是它们两者之间较大的值。
两个相邻的外边距都是负数时,折叠结果是两者绝对值的较大值。
两个外边距一正一负时,折叠结果是两者的相加的和。
相关文章推荐
- 爱创课堂每日一题九十天- html语义化是什么?
- 爱创课堂每日一题第二十二天-什么是Etag?
- 爱创课堂每日一题第四十三天- HTML与XHTML——二者有什么区别?
- 爱创课堂每日一题第二天8/24日 Quirks模式是什么?它和Standards模式有什么区别?
- 爱创课堂每日一题第四十九天- 什么是 FOUC(无样式内容闪烁)?你如何来避免 FOUC?
- 爱创课堂每日一题第六十五天- 事件、IE与火狐的事件机制有什么区别? 如何阻止冒
- 爱创课堂每日一题七十七天- attribute和property的区别是什么?
- 爱创课堂每日一题第五十七天-一个页面从输入 URL 到页面加载显示完成,这个过程中都发生了什么?
- 爱创课堂每日一题八十三天- rgba()和opacity的透明效果有什么不同?
- 爱创课堂每日一题第五十一天- new操作符具体干了什么呢?
- 爱创课堂每日一题 XSS与CSRF有什么区别吗?
- 爱创课堂每日一题七十六天- 请解释什么是事件代理?
- 爱创课堂每日一题八十七天-Sass、LESS是什么?大家为什么要使用他们?
- 爱创课堂每日一题八十一天-行内元素和块级元素的具体区别是什么?行内元素的pad
- 爱创课堂每日一题八十四天- css中可以让文字在垂直和水平方向上重叠的两个属性是
- 爱创课堂每日一题第十六天为什么HTTPS安全?
- 爱创课堂每日一题第十七天- 对前端模块化的认识?
- 爱创课堂每日一题第六十天- 创建ajax的过程
- 爱创课堂每日一题第六十二天- 请解释一下 JavaScript 的同源策略。
- 爱创课堂每日一题103天- call和apply的区别