我有以下 css 菜单，它从中间开始，一直到右边。这意味着奶油色条一直持续到页面的末尾。尝试搜索，但无法找到解决方案，也许不可能？
我得到的 HTML：
<header>
<nav class="splash-menu">
<ul class="splash-nav">
<li class="why-splash">Why us</li>
<li class="dealer-splash">Dealer Login</li>
</ul>
<div class="clearfix"></div>
</nav>
</header>
CSS：
.splash-nav{
list-style: none;
margin: 0;
padding: 0;
background: #0B3543;
}
.splash-nav li{
float: left;
height: 60px;
}
.splash-menu{
float:left;
width:100%;
overflow:hidden;
position:relative;
}
.splash-menu ul {
clear:left;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
left:75%;
text-align:center;
}
.splash-menu ul li {
display:block;
float:left;
list-style:none;
margin:0;
padding:0;
position:relative;
right:50%;
}
.splash-menu ul li a {
display:block;
margin:0 0 0 1px;
padding:3px 10px;
text-decoration:none;
line-height:1.3em;
}