使用：在CSS选择器之后填充空格？

在 this page我希望导航右边的整个空间都是白色的.

所以,我使用：在CSS选择器之后实现了5px宽的白色块,我希望有一种方法可以使它适合可用的宽度,尽管我对其他建议持开放态度！：

@H_450_4@#menu-main-menu:after { content:""; display:block; BACkground:#fff; width:5px; height:30px; float:right; }

这是简化的HTML：

@H_450_4@<div class="menu"><ul id="menu-main-menu"> <li><a href="#">Home</a></li> <li><a href="#">About us</a></li> <li><a href="#">Courses &#038; prices</a></li> <li><a href="#">Activities in Rio</a></li> <li><a href="#">Accommodation</a></li> <li><a href="#">News</a></li> <li><a href="#">FAQs</a></li> <li><a href="#">Contact</a></li> </ul> </div>

以及所有相关的CSS：

@H_450_4@#priMary-menu ul { overflow:hidden; } #priMary-menu li { list-style:none; float:left; } #priMary-menu a { color:#333; BACkground: #fff; display:block; } #priMary-menu .current-menu-item a,#priMary-menu .current-page-parent a { color:#fff; BACkground:none; } #menu-main-menu:before { content:""; display:block; BACkground:#fff; width:20px; height:30px; float:left; } #menu-main-menu:after { content:""; display:block; BACkground:#fff; width:5px; height:30px; float:right; }

感谢您抽出宝贵时间查看我的问题！

卡罗琳