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

Question

我又一次制作了一个网站。这次我想保持干净。一切正常，即使在 Internet Explorer 中也是如此，除了 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; }