1

我再一次做一个网站。这次我想保持干净。一切正常，即使在 Internet Explorer 中，除了 Google Chrome 中的一件事。菜单出现在 google chrome 的深色菜单栏下。刷新后，它将被正确定位，但由于某种原因，它在第一页加载时不起作用。

在第一页加载：
在此处输入图像描述

刷新后：
在此处输入图像描述

诡异的...

HTML：

<div id="top_bar">
            <div class="engraved" id="logo"><span>Codiction</span></div>

            <div id="menu" class="menu">
                <ul>
                    <li class="current">Home</li>
                    <li><a href="#">About</a></li>
                    <li><a href="#">Forum</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>

        </div>

CSS：

.menu ul {
display: inline-block;
padding:0;
margin:0;
min-height: 29px;
height: 29px;
list-style-type:none; 
position: relative;
z-index: 110;
}

.menu {
display: inline-block;
margin: 0;
min-height: 29px;
position: absolute;
margin-top: 12px;
margin-left: 10px;

}

谢谢，如果你能解决这个问题！

4

1 回答 1

0

您可以使用float将两个 div 彼此相邻放置。尝试

.engraved { float:left; }
于 2013-05-02T09:23:13.893 回答