【css基础】垂直外边距的合并
来源:互联网 发布:牛客网java开发面试 编辑:程序博客网 时间:2024/04/30 17:49
最近在重温《CSS权威指南》,还是想把基础再打牢固点,现在对垂直外边距的合并问题进行简单总结。
1. 两个块级元素的外边距都大于0时,取那个最大值作为两个块级元素的垂直边距
请看下面一个小例子,效果图如下:红色的块margin-bottom为30px; 黄色的块的margin-top: 20px;最后的垂直的边距是为30px;
2. 当两个块级元素的外边距都小于0时,取绝值最大的那个作为两者之间的垂直边距。
请看下面一个小例子,效果图如下:红色的块margin-bottom为-10px; 黄色的块的margin-top: -30px;最后两者的垂直边距是为-30px;注意:这个时候两个块会发生重叠,因为浏览器总会按从前到后的顺序显示元素,所以后出现的会覆盖较早出现的元素。
3. 当两个块级元素的外边距是一正一负时,用正的值减云负值的绝对值。
请看下面一个小例子,效果图如下:红色的块margin-bottom为-20px; 黄色的块的margin-top: 30px;最后两者的垂直边距是为:30 - |-20| = 10px;
3 0
- 【css基础】垂直外边距的合并
- 垂直外边距合并
- 合并垂直外边距
- CSS的外边距合并
- CSS垂直外边距合并和CSS清除浮动
- 垂直外边距合并--CSS的Margin属性:详解margin属性
- 垂直外边距合并--CSS的Margin属性:详解margin属性
- css中的外边距合并时垂直方向上的普通流相邻元素间
- 垂直外边距合并--CSS的Margin属性:详解margin属性
- 垂直外边距合并--CSS的Margin属性:详解margin属性
- CSS外边距合并
- css外边距合并
- CSS 外边距合并
- CSS外边距合并
- CSS 外边距合并
- CSS外边距合并
- CSS 外边距合并
- Css外边距合并
- QueryPerformanceFrequency用法
- 黑马程序员_类似cw+Tab的快捷键创建
- toString()方法
- hdu 4825 Xor Sum(字典树)
- Android ListView自定义布局抛java.lang.UnsupportedOperationException的解决
- 【css基础】垂直外边距的合并
- web输入框中实现复制粘贴图片
- SQL中的ISNULL怎么用
- 1034.寻找大富翁
- 搜索NYOJ吝啬的国度
- 更新
- 怎么感觉有点惆怅
- SpringMVC学习笔记--拦截器拦截Request请求
- 成为Java GC专家系列(一) ——Java垃圾回收机制