css-强制菜单项的宽度占100%

我有这个网站：

www.yoursdproperty.com

我需要的顶级菜单项目回家，购买物业，出售物业等

占据顶部钢筋宽度的100%。如果我添加更多的项目，我会相应地调整它们的大小

下面是与此菜单栏关联的CSS。有什么我可以改变的吗

/* Moo Menus */
#cssmenu_moo_menu
{ padding:0;
  margin:0; }

#cssmenu_moo_menu a
{ float:left;
  text-decoration:none;
  display:block;
  cursor:pointer;
  height:35px;
  font-size:14px;
  font-weight: bold;
  line-height:35px;
  padding:0 15px;
  overflow:hidden;
  border-right:1px solid #0d85c9; }

#cssmenu_moo_menu li li a
{ font-weight:bold;
  font-size:12px;
  border-right:none;
  padding:0; }

#cssmenu_moo_menu ul
{ height:35px;
  float:left;
  list-style:none;
  margin:0; }

#cssmenu_moo_menu
{ background:#006198 url(../images/moomenu.png) repeat-x 50% top;
  height:35px;
  float:left;
  list-style:none;
  margin:0;
  padding:0; }

#cssmenu_moo_menu li li
{ padding:0;
  background:none; }

#cssmenu_moo_menu ul ul a
{ color:#000;
  display:block;
  text-decoration:none;
  width:275px;
  text-transform:none; }

#cssmenu_moo_menu li
{ float:left;
  padding-left:0;
  height:35px;
  background:transparent; }

#cssmenu_moo_menu ul li
{ position:relative; }

#cssmenu_moo_menu li ul
{ z-index:99;
  top:35px;
  position:absolute;
  left:-999em;
  height:auto;
  font-weight:normal;
  margin:0;
  border:0 solid #ddd;
  padding:0; }

#cssmenu_moo_menu ul
{ padding:0;
  margin-top:0; }

#cssmenu_moo_menu li li
{ float:left;
  padding:0;
  margin:0;
  height:35px;
  width:275px; }

#cssmenu_moo_menu li ul ul
{ margin:-25px 0 0 275px; }

#cssmenu_moo_menu li:hover ul ul,#cssmenu_moo_menu li:hover ul ul ul,#cssmenu_moo_menu li:hover ul ul ul ul,#cssmenu_moo_menu li.sfhover ul ul,#cssmenu_moo_menu li.sfhover ul ul ul,#cssmenu_moo_menu li.sfhover ul ul ul ul
{ position:absolute;
  left:-999em; }

#cssmenu_moo_menu li:hover ul,#cssmenu_moo_menu li li:hover ul,#cssmenu_moo_menu li li li:hover ul,#cssmenu_moo_menu li li li li:hover ul,#cssmenu_moo_menu li.sfhover ul,#cssmenu_moo_menu li li.sfhover ul,#cssmenu_moo_menu li li li.sfhover ul,#cssmenu_moo_menu li li li li.sfhover ul
{ position:absolute;
  left:0; }

#cssmenu_moo_menu ul ul
{ width:275px;
  background:#006198; }

#cssmenu_moo_menu ul ul ul
{ width:275px;
  padding-bottom:0; }

#cssmenu_moo_menu ul ul li li
{ border-right:0 solid #000; }

#cssmenu_moo_menu a
{ color:#eee;
  border-left:1px solid #444; }

#cssmenu_moo_menu a:hover
{ color:#303030; }

#cssmenu_moo_menu li.active a
{ color:#303030; }

#cssmenu_moo_menu li li a
{ color:#fff; }

#cssmenu_moo_menu li li a:hover
{ color:#303030; }

#cssmenu_moo_menu li li a:active
{ color:#eee; }

#cssmenu_moo_menu ul ul li a
{ padding:0 10px; }

#cssmenu_moo_menu ul ul li.active
{ ; }

#cssmenu_moo_menu li.active
{ background:url(../images/moomenu1.png) repeat-x top #303030; }

#cssmenu_moo_menu li a:hover,#cssmenu_moo_menu li a:active
{ color:#303030; }

#cssmenu_moo_menup
{ height:20px;
  border:solid 1px #333;
  background:#555; }

#cssmenu_moo_menup ul
{ margin:0;
  padding:0;
  list-style:none; }

#cssmenu_moo_menup li
{ float:left;
  margin:0;
  margin-top:0;
  padding-left:0;
  list-style:none; }

#cssmenu_moo_menup li a
{ display:block;
  text-decoration:none;
  color:#eee;
  padding:0 10px 0 10px;
  font-size:11px;
  line-height:20px; }

#cssmenu_moo_menup li a:hover
{ color:#303030; }

#cssmenu_moo_menup li.active a
{ color:#303030; }

#cssmenu_moo_menup ul ul,#cssmenu_moo_menup ul ul ul
{ display:none; }

---

我不确定这是否可能。我认为您需要专门设置每个菜单元素的宽度，以确保它跨越其容器的整个宽度，并在添加新元素后对CSS文件进行适当的调整。

您可以尝试使用

display:table cell

而不是顶级

列表样式：none

，然后设置

显示：表格；宽度：100%

在顶级ul上。这将强制使用表格布局算法显示

li

s，该算法允许您定义希望整个内容占用多少空间（在本例中为100%）。

我将使用表格。这是我发现表格最合适的情况之一，也意味着如果您以后需要添加更多链接，您不必担心它。

Danny answer很好，这里是主要内容：

 #menu_conteneur ul{
    display:table;
    width: 100%;    
 }

 #menu li{
    display: table-cell; 
 }

 #menu li a{
    display: block;
 }

---

添加新元素后，对CSS文件进行适当调整。-你的确切意思是什么我的意思是，你需要调整你添加或删除的每个项目的菜单元素的宽度，这样你的菜单项将继续跨越菜单栏的整个宽度。你认为danny的答案可能会有帮助吗，但我不能说，因为我自己从来没有用过那种方法。对不起，你能解释一下你所说的顶级李的意思吗？我应该设置显示：桌子；宽度：100%在所有顶级李？不，你应该把它设置在

标签上。丹尼，对不起，你能更清楚一点吗？对不起，我是个新手