素差距在即

Question

我有四个Div放使用 绝对的 定位，他们每个人都是一个边界的矩形，他们一旦形式组合在一起，以便看，如果一个Dom件的页面上选择(这个模仿css边界行为使用Div作为复盖).

• 左边有一个 左边界设置为"4px红色", ， 宽0px和a 高等于高度的选择Dom元素.

• 顶部有一个边界顶级设置为"4px红色"，高度0px和宽度等于宽的选择Dom元。

等等。你可以看到这是怎么回事。

我知道这很奇怪，但这是非常有用的，看看 土豚 对于一个例子。

因此，这里是怎么看起来像在FF、歌剧、野生动物园和铬:

alt文本http://img243.imageshack.us/img243/429/captureyv.png

这里是怎么看起来像在 即8 :

alt文本http://img190.imageshack.us/img190/7196/capture1dv.png

我立即想到了一个框模型的问题，但它不是假设，以使它更窄的?并且无论如何，我用的 jquery 得到的宽度和高度，这是应该防止这类问题。我跨过去 大多数已知即错误, 但不能找到匹配。

你怎么想?

ps:这是一个书签，当然我试图改变doctype在本地的文件和它的工作，但在生产，我不能。

我用的是即开发工具栏绘制边界周围元定位为绝对：

alt文本http://img21.imageshack.us/img21/3425/capture2uc.png

我们可以看到的差距。

Answer 1

检查"实际"高度的底部"边界"div IE8的开发工具栏。确保它是"0".

试试下面那底div。

<style type="text/css">
    #bottomBorder{
        /* Adding '!important' to each CSS rule 
           will make sure nothing else in your code is 'overwriting'
           that rule. (doesn't work for IE6)
        */
        line-height:0 !important; 
        font-size:0 !important;
        height:0 !important;
        border-bottom:solid 4px red;
        position:absolute;
    }
</style>

或者试试：

<style type="text/css">
    #bottomBorder{
        border-top:solid 4px red;
    }
</style>

我想的是，即不会让你设置一个div0px的高度。我已经看到了这一点上div之前。

Answer 2

我觉得你应该摆弄你的DOCTYPE，因为这通常得到即将在正确的方向

Answer 3

我会假设这个问题与边缘和填充。你有任何信息或间隔内的Div?这可能会导致额外的空间，你没有帐户。

我会调整的div与保证金：0;边界崩溃：崩溃；

此外，正如你提到了，在你的底格你应该有这一设定为它的顶部边界的尝试，并防止这种差距自由于发生任何利润或间隔内部本身。

Answer 4

它可能是IE8不包括高度的边界作为其高度参数？尝试增加尺寸的边界。

Answer 5

好吧，我没有解决方案，但我只是显示的底部边界的顶端，而不是其边境底，它看起来足够多的好于现在。如果任何人知道越好，他还表示欢迎。