html - 将导航栏元素扩展到框阴影的整个宽度？

Question

这是我正在做的事情:www.buymaengdakratom.com

我试图让导航栏元素扩展框阴影的整个宽度，这样框阴影的白色背景就不会显示。

这是我正在使用的 CSS 和 HTML http://jsfiddle.net/Abijah/DJsKk/

Answer 1

这是一种方法。删除 <ul> 上的填充并将显示设置为表格。然后在列表项上，将它们的显示设置为表格单元格。务必也从列表项中删除 float:left。

添加的 CSS:

ul {
    padding:0;
    display:table;
}
li {
    display:table-cell;
}

jsFiddle example .

这适用于所有现代浏览器以及 IE8+。