这是为什么这边缘？

Question

我在我的网站上工作，现在我正在做一个新的导航，旧的使用内联表格和表格单元格和东西，我想为它做一个下拉菜单，所以我必须移动到使用nav，ul和li。 This is an image of what it looks like. 我想要的标签（家庭，论坛，服务器和信息）是正确的黑匣子like this.

我得到它看起来像什么，我希望它看起来像的顶部，但它仅适用于我分辨率（这是一个保证金最高：-1％;在内容框中）。我怎样才能让它成为我想要的样子？我正在处理的页面的链接是vxservers.net/new。另外，是否有办法让制表符变得尽可能的宽广，但是所有符合这一条的制表符都适用于其他制表符？我的旧网站vxservers.net有一个带有显示器的标签容器：inline-table;并使用display：table-cell标签，它工作。

这里是我的所有资产净值代码：

nav { 
    padding: 0; 
    margin: 0; 
    width: auto; 
    height: auto; 
} 

nav ul { 
    width: 94%; 
    padding: 0; 
    list-style: none; 
    position: relative; 
    z-index: 10; 
    display: inline-table; 
    margin-left: 6%; 
} 

nav ul ul { 
    display: none; 
} 

nav ul li { 
    background-image: url('http://www.photos-public-domain.com/wp-content/uploads/2011/03/white-construction-paper-texture.jpg'); 
    text-align: center; 
    display: table-cell; 
    opacity: 0.5; 
    font-family: 'Exo 2'; 
    width: auto; 
    padding-top: 0.2%; 
    padding-bottom: 0.2%; 
    padding-left: 0.2%; 
    padding-right: 0.2%; 
    color: black; 
    background-color: gray; 
    float: left; 
    border: 1px solid black; 
    transition: all 0.2s; 
    -moz-transition: all 0.2s; 
    -o-transition: all 0.2s; 
    -webkit-transition: all 0.2s; 
} 

nav ul li:hover { 
    opacity: 1; 
    background-color: white; 
} 

nav ul li a { 
    display: block; 
    width: auto; 
    text-align: center; 
    padding: 5px 40px; 
    text-decoration: none; 
    color: black; 
} 

nav ul li a:hover { 
    animation: blink 1s linear infinite; 
} 

nav ul li:hover > ul { 
    display: block; 
} 

nav ul ul { 
    background-color: gray; 
    position: absolute; 
    top: 100%; 
    list-style: none; 
    padding: 0; 
    width: auto; 
    margin-left: 0; 
} 

nav ul ul li { 
    float: none; 
    position: relative; 
    width: auto; 
    border: 1px solid black; 
    margin-left: 0; 
} 

nav ul ul li a { 
    padding: 5px 40px; 
    color: black; 
} 

nav ul:after { 
    content: ""; 
    clear: both; 
    display: block; 
} 

谢谢。

Answer 1

就试试这个：

nav > ul {margin-bottom: 0;} 

默认保证金的ul创造它下面的空间。