我在菜單中遇到了邊框右邊的問題。這就是它的樣子:link我想讓邊框佔據整個藍條,但不會延伸到 以下,而是觸摸頂部邊緣。我怎麼能這樣做?我的代碼是這樣的:使邊框右全高的div
#container #header #metaNavi{
height:58px;
background: #bbd4eb; /* Old browsers */
background: -moz-linear-gradient(top, #bbd4eb 0%, #76a8d6 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bbd4eb), color- stop(100%,#76a8d6)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #bbd4eb 0%,#76a8d6 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #bbd4eb 0%,#76a8d6 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #bbd4eb 0%,#76a8d6 100%); /* IE10+ */
background: linear-gradient(to bottom, #bbd4eb 0%,#76a8d6 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbd4eb', endColorstr='#76a8d6',GradientType=0); /* IE6-9 */
position:relative;
top:455px;
font-size:20px
}
#container #header #metaNavi ul{
padding:0;
margin:0;
list-style:none;
}
#container #header #metaNavi li{
display:inline-block;
padding:8px 25px 10px 10px;
margin:10px 10px 10px 10px;
color:#bf7a30;
font-family:Verdana;
font-variant:small-caps;
border-right: 1px solid #717171;
min-height:58px;
max-height:58px;
}
#container #header #metaNavi li:last{
border-right: none
我的HTML是:
<div id="metaNavi">
<ul>
<li id="active">Home</li>
<li><a href="#">Wir über Uns</li></a>
<li><a href="#">Dienstleistungen</li></a>
<li><a href="#">Kontakt</li></a>
</ul>
演示在這裏:http://jsfiddle.net/#&togetherjs=GA5vE7nrgv
這將有助於如果你做了一個小jsfiddle展示確切的問題。 –