html - 将导航栏项目扩展到盒子阴影的整个宽度？

Question

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

我试图让导航栏项目扩展盒子阴影的整个宽度，以便盒子阴影的白色背景不显示。

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

Answer 1

这对我有用：

设置width: 970px;和padding: 0;为#appleNav。

在这里查看：http: //jsfiddle.net/DJsKk/2/。

Answer 2

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

添加了 CSS：

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

jsFiddle 示例。

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