当前位置: 网站建设 > 网页设计 > 建站经验 >

网页布局中外边距叠加问题

时间:2013-03-02 04:12来源:未知 作者:admin 点击:

标签:网页布局中外边距叠加问题 边距(3)叠加(2)它有(1)有一个(7)假设(1)问题(68)元素(40)布局(72)网页(168)中外(1)
假设有一个空元素,它有外边距,但是没有边框或填充。在这种情形下,上外边距与下外边距就遇到了一起,它们会发生合并: 只管看上去有些奇怪,但是外边距甚至能够与本身发生合并。 当一个元素呈现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并, 网页布局中CSS无效的十个常见原因 。请看下图: --> [网站建设之]网页布局中外边距叠加问题 良多站长们在进行CSS网页布局时会遇到许多奇怪的问题,造成这些问题的原因可能是阅读器的bug,也可能是对CSS属性不够懂得所造成。本文就探讨一下CSS外
网页布局中外边距叠加问题》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/030234J52013.htm

  假设有一个空元素,它有外边距,但是没有边框或填充。在这种情形下,上外边距与下外边距就遇到了一起,它们会发生合并:

  只管看上去有些奇怪,但是外边距甚至能够与本身发生合并。

  

  

  

  当一个元素呈现在另一个元素上面时,第一个元素的下外边距与第二个元素的上外边距会发生合并,网页布局中CSS无效的十个常见原因。请看下图:

--> [网站建设之]网页布局中外边距叠加问题

          良多站长们在进行CSS网页布局时会遇到许多奇怪的问题,造成这些问题的原因可能是阅读器的bug,也可能是对CSS属性不够懂得所造成。本文就探讨一下CSS外边距叠加的问题。

  

  假如这个外边距碰到另一个元素的外边距,它还会发生合并:

  只有一般文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或相对定位之间的外边距不汇合并,网页导航的设计与用户行为紧密相关

  当一个元素包括在另一个元素中时(假设不内边距或边框把外边距分隔开),它们的上跟/或下外边距也会发生合并。请看下图:

热卖推举: 手机 诺基亚 MP5 电脑包 双卡双待 手机链 U盘 笔记本电脑 --> Tag:网页布局   叠加   网页布局  ,网页图片防盗链小技巧; 叠加  

  这就是一系列的段落元素占用空间十分小的起因,由于它们的所有外边距都合并到一起,造成了一个小的外边距。

  外边距合并初看上去可能有点奇异,网页制作:CSS细节优化集合,但是实际上,它是有意思的。以由多少个段落组成的典范文本页面为例。第一个段落上面的空间等于段落的上外边距。如果没有外边距合并,后续所有段落之间的外边距都将是相邻上外边距和下外边距的和。这象征着段落之间的空间是页面顶部的两倍。如果发生外边距合并,段落之间的上外边距和下外边距就合并在一起,这样各处的间隔就一致了。

  边距合并指的是,当两个垂直外边距相遇时,它们将构成一个外边距。合并后的外边距的高度即是两个产生合并的外边距的高度中的较大者,网页制作需掌握的6种能力。外边距合并(叠加)是一个相称简略的概念。然而,在实际中对网页进行布局是,它会造成很多混杂。

  


(责任编辑:网站建设)
网页布局中外边距叠加问题相关文章
上一篇:网页布局中CSS无效的十个常见原因 下一篇:网页布局如何提高网页访问速度
回到顶部