-
20-09-2019 - |
题
我有四个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
我们可以看到的差距。
解决方案
检查"实际"高度的底部"边界"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之前。
其他提示
我觉得你应该摆弄你的DOCTYPE,因为这通常得到即将在正确的方向
我会假设这个问题与边缘和填充。你有任何信息或间隔内的Div?这可能会导致额外的空间,你没有帐户。
我会调整的div与保证金:0;边界崩溃:崩溃;
此外,正如你提到了,在你的底格你应该有这一设定为它的顶部边界的尝试,并防止这种差距自由于发生任何利润或间隔内部本身。
它可能是IE8不包括高度的边界作为其高度参数?尝试增加尺寸的边界。
好吧,我没有解决方案,但我只是显示的底部边界的顶端,而不是其边境底,它看起来足够多的好于现在。如果任何人知道越好,他还表示欢迎。