为div的添加代码到CSS

那么当销毁导航栏，我有这个代码完美的菜单，恰到好处的与此代码在我的CSS文件为div的添加代码到CSS

ul.Menu { 
list-style-type: none; 
margin: 10px; 
overflow: hidden; 
background-color: #ffffff; 
border-style: solid; 
border-color: #e9055c; 
border-width: 2px; 
font-weight: bold; 
font-family: arial, sans-serif; 
text-align: center; 
margin: 0 auto; 
} 

ul.Menu li{ 
    border-right: 1px solid #e9055c; 
    display: inline-block; 
} 

ul.Menu li a { 
    display:block; 
    color: #e9055c; 
    text-align: center; 
    padding: 14px 16px; 
    text-decoration: none; 
} 

ul.Menu li a:hover { 
    background-color: #f6b0ce; 
} 

ul.Menu li:last-child { 
    border-right: none; 
}

但后来我说这我的CSS -code在我的网站上创建通过的div一个负责任的横幅：

.wrapper { 
width: 100%; 
overflow: hidden; 
} 

.container { 
    width: 100%; 
    margin: 0 auto; 
} 

.banner-img { 
    width: 100%; 
}

，现在我的菜单看起来像这 - 与上面的菜单项太多空间完全糟糕......

我已经发现，它改变了，当我改变了ul.Menu li a的填充设置，但我不能正确使用这些... 你能帮我吗？ :)

来源

2016-09-23 Bellathea

在ul.Menu您使用 '保证金：' 两次。也许尝试删除第一个，即：'保证金：10px' – Tom

不幸的是它没有解决问题:(仍然看起来相同：o – Bellathea

添加一个片段.. –

你写的margin性能的两倍。从ul.Menu删除margin : 0px风格，这是造成问题。

来源

2016-09-23 16:15:07

可惜没:(既不删除第一次，也不删除第二帮助 – Bellathea

添加的z-index = 9999;在ul.Menu也曾经尝试删除overflow属性..... –

什么也没有改变 – Bellathea

为div的添加代码到CSS

回答

相关问题