为我的网站 CSS 相关修复 Google Chrome 错误

Question

我又在做一个网站。这次我想保持干净。一切正常，即使在 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;

}

谢谢你能解决这个问题！

Answer 1

您可以使用float 将两个 div 并排放置。试试

.engraved { float:left; }