我一直在拉我的头发一个多小时,我只是不明白为什么它不起作用.
HTML：
<div id="mainmenu">
<div class="menu">
<ul>
<li class="page_item page-item-6"><a href="http://localhost/mysite/blog/">Blog</a></li>
<li class="page_item page-item-4 current_page_item"><a href="http://localhost/mysite/">Front Page</a></li>
<li class="page_item page-item-2"><a href="http://localhost/mysite/sample-page/">Sample Page</a></li>
</ul>
</div>
</div>
CSS：
div#mainmenu { position: absolute; top: 40px; right: 0; font-size: 77%; }
div#mainmenu div.menu ul,div#mainmenu div.menu ul li,div#mainmenu div.menu ul li a
{
height: 36px;
}
div#mainmenu div.menu ul {
display: table;
float: left;
width: 700px;
table-layout: fixed;
position: relative;
}
div#mainmenu div.menu ul li
{
display: table-cell;
padding: 0 10px;
overflow: hidden;
}
div#mainmenu div.menu ul li a
{
width: auto;
background: none;
margin: 10px auto;
}
解决方法
将div #mainmenu div.menu ul li a改为：
div#mainmenu div.menu ul li a
{
display: block;
width: auto;
background: none;
margin: 10px auto;
}
默认情况下,元素是内联的,您无法设置内联元素的高度/宽度.
