css – 为什么10px 10px = 10px?

前端之家收集整理的这篇文章主要介绍了css – 为什么10px 10px = 10px?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下脚本所在的边距. portlet类表现得很奇怪:

http://jsfiddle.net/mYx5y/19/

它应该在每个portlet周围添加10px,这应该意味着portlet之间的间隔为20px.出于某种原因,如果portlet在其自身的右侧或左侧有一个小部件,我只得到20px,但如果portlet在其上方或下方有另一个portlet,则只有10px.

为什么我垂直得到10px?

解决方法

由于保证金不会增加,它们会崩溃.如果你有两个元素A和B,A margin = 10px,B margin = 15px,A和B之间的间距将是15px.

两种解决方

>使用margin-bottom:20px,margin-top:0px>将它们包裹在容器中并涂抹填料:10px 0;

猜你在找的CSS相关文章