2垂直定位divs，什么可以防止他们“触摸？”

Click here看看我的意思是什么能阻止这两个人直接坐在对方那边。目前在我的网站上，我必须使用margin-bottom:-22px;才能获得效果。2垂直定位divs，什么可以防止他们“触摸？”

当然，这并不在IE浏览器...

谢谢:)

2010-03-25 Kyle

您使用的浏览器是？他们看起来像是坐在彼此之上。 – 2010-03-25 12:13:56

在您链接到的页面上我刚添加了margin-bottom：1em;去一个解决它。 – Paul 2010-03-25 12:14:45

SOrry，我瘦我想错了，我想要这个效果，但在我的网站上它不起作用，但代码是相同的（但是这个例子被简化了）我只是想知道什么可以防止这种情况发生？ – Kyle 2010-03-25 12:16:22

一些遗传保证金，也许？没有上下文就很难知道。

一个有用的工具来识别这种类型的问题是在大多数浏览器中称为“开发工具”（Firefox中的Firebug）。右键单击任何元素并选择Inspect element以便轻松查看任何元素的框模型以及从何处获取这些样式。

下面是关于如何与萤火虫做一些链接：http://getfirebug.com/layout和http://getfirebug.com/css

2010-03-25 12:17:41 nemetroid

+1萤火虫使用。 – gingerbreadboy 2010-03-25 12:21:31

是的，使用萤火虫，对这两个元素都有应用边距0，没有任何东西在萤火虫中，也没有其他东西我可以看到它是继承的。也许它是内部浏览器样式。但我怀疑这一点。 – Kyle 2010-03-25 12:24:22

嗯，它的高度已经设置为3em，并且尺寸过大。我正在寻找错误的属性，接受这个答案，发现Firebug的问题。谢谢：） – Kyle 2010-03-25 12:29:26

使用切缘阳性值应该导致他们被进一步隔开

2010-03-25 12:12:42 Chris

你是什么意思？如果您将margin-top: 2px添加到底部div，则它会向下显示2px，即不会触摸。这个......有问题吗？

2010-03-25 12:13:24

也许限定有余量的地方，无论是在内部浏览器的风格或其他地方在你的样式表？尝试在两个元素上将边距设置为0。

2010-03-25 12:18:06 chiborg

回答