這是爲什麼這邊緣？

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創造它下面的空間。