为什么竖直方向的两个div的margin不相加?


关键词

div margin

摘要

为什么竖直方向的两个div的margin不相加?

假如有两个div,每个div的margin(上下左右均为5px),则两个div的竖直间距是多少呢?,答案是5px。

为什么两个相邻的容器中间的间距不是10px,而是5px呢?按照我们正常的理解,认为应该是两个值相加,其实这里是两个合并后取最大值。用css手册中的话说:块级元素的垂直相邻外边距会合并,而行内元素实际上不占上下外边距。行内元素的的左右外边距不会合并。同样地,浮动元素的外边距也不会合并。允许指定负的外边距值,不过使用时要小心。

另外,还有一点常识性的东西:div属性块级元素,每个div是独占一行,两个div默认情况下不会共处一行的。即不需要在两个div之间加一个<br/>来换行。

 

文章的版权

洪哥写文章很苦逼,如果本文对您略有帮助,点击感兴趣的广告支持洪哥!万分感谢!本文属于“洪哥笔记”原创文章,转载请注明来源地址:为什么竖直方向的两个div的margin不相加?:http://www.splaybow.com/post/two-div-vertical-margin.html

关注与收藏

如果您在服务器运维、网络管理、网站或系统开发过程中有任何疑问,洪哥以此为饭碗,请加QQ:115085382!
了解更多好文章,请关注我们的新浪微博和腾讯微博
亲,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D


« div关于宽度与对齐的样式 块级元素与内联元素的区别 »

相关文章:

HTML 表格  (2015/5/8 17:14:46)

HTML 链接  (2015/5/7 16:26:41)

HTML样式  (2015/5/1 22:54:11)

html代码如何使得背景图片自适应各类浏览器  (2015/4/27 13:31:06)

改变图像的尺寸  (2015/5/5 15:42:07)

DHTML实例  (2015/5/7 11:09:48)

表单的设计  (2015/5/6 10:35:14)

CSS中的边距  (2015/5/5 10:30:19)

HTML元素  (2015/4/29 21:52:57)

jQuery获取select选中的值  (2015/4/24 8:51:57)