为什么IE中我的标题下面有空隙？

我刚刚开始在HTML5和CSS中构建一个网站http://preview.hksenet.hk。为什么IE中我的标题下面有空隙？

但是，我无法弄清楚为什么IE浏览器头下有一个很大的差距。谁能帮忙？

2011-08-23 newcoder

问题是与#searchmenudiv做。

设置上#pageheaderposition:relative：

您可以修复它。
设置position:absolute; top:0; right:0在#searchmenudiv。

在一般情况下，这对你想比使用position:relative; top:-116px做一个更强大的技术。例如，如果您更改过标题的高度，则必须更新-116px幻数。根据我的建议，#searchmenudiv将始终位于右上角，无论如何。

来源

2011-08-23 18:50:13 thirtydot

它只是工作！谢谢。但是，当我尝试将相同的技巧应用于#logo '#logo { position：absolute; top：10px; left：10px; z-index：1000; }' 标题消失了，为什么？ – newcoder

当您应用'position：absolute'时，该元素将从正常流程中移除。当'＃searchmenudiv'和'＃logo'都具有'position：absolute'时，'＃pageheader'内正常流程中剩下的唯一元素是'＃logindisplay'，它具有'margin-top：-130px'，并且通过[崩溃边缘]（http://www.howtocreate.co.uk/tutorials/css/margincollapsing）一切都拉上了。你应该保留原来的'＃徽标' - 它的定位没有问题。 – thirtydot

为什么IE中我的标题下面有空隙？

回答

相关问题