1

我正在使用http://www.inboundio.com并使用引导程序进行样式设置,在手机上检查时,我注意到顶部菜单链接与另一个图像重叠(请参阅http://i.imgur.com/X8FFuaz。 png),我该如何解决这个问题(仪表板链接看起来没有响应)?

这是HTML代码

<a href="/dashboard" class="btn btn-success pull-right login-btn">Dashboard</a>
<div class="top-menu pull-right  home-menu" id="main-menu">
  <ul class="nav">
    <li><a href="/features">Features</a></li>
    <li><a href="/plans">Pricing</a></li>
    <li><a href="/demo">Demo</a></li>    
  </ul>
</div>

这是CSS

body.frontend .header .top-menu {
margin-top: 5px;
padding: 5px 10px;
position: absolute;
left: 50%;
margin-left: 140px;
}

.nav {
margin-left: 0;
margin-bottom: 20px;
list-style: none;
}

.pull-right {
float: right;
}
4

1 回答 1

4

position:absloutebody.frontend .header .top-menu你的 CSS 中删除

body.frontend .header .top-menu {
margin-top: 5px;
padding: 5px 10px;
}
于 2013-06-25T13:59:28.940 回答