消除水平菜單的頂部空間

Question

我想創建一個水平菜單，它從頁面頂部開始，這意味着我不想在它上面留下任何空白，但我不知道該怎麼做。我試着用top: 0; margin:auto;，但它不工作...我的CSS代碼就在這裏：

.menu1 
{ 
    position: absolute; 
    top: 0; 
    margin:auto; 
    left: 0; 
    right: 0; 
    width: 100%; 
} 
.menu1 ul 
{ 
    list-style-type: none; 
    padding: 0; 
    overflow: hidden; 
    height: 30px; 
    background-color: purple; 
} 

.menu1 li 
{ 
    float:left; 
    margin-right: 10px; 
} 

.menu1 li a 
{ 
    display: block; 
    color: white; 
    text-align: center; 
    padding: 8px 10px; 
    text-decoration: none; 

} 

.menu1 li a:hover 
{ 
    text-decoration: underline; 
} 

Answer 1

添加保證金：0; in .menu1 ul

一切都會好的。

見

感謝

.menu1 
 
{ 
 
    position: absolute; 
 
    top: 0; 
 
    margin:auto; 
 
    left: 0; 
 
    right: 0; 
 
    width: 100%; 
 
} 
 
.menu1 ul 
 
{ 
 
    list-style-type: none; 
 
    padding: 0; 
 
    overflow: hidden; 
 
    height: 30px; 
 
    background-color: purple; 
 
    margin:0; 
 
} 
 

 
.menu1 li 
 
{ 
 
    float:left; 
 
    margin-right: 10px; 
 
} 
 

 
.menu1 li a 
 
{ 
 
    display: block; 
 
    color: white; 
 
    text-align: center; 
 
    padding: 8px 10px; 
 
    text-decoration: none; 
 

 
} 
 

 
.menu1 li a:hover 
 
{ 
 
    text-decoration: underline; 
 
}

<div class="menu1"> 
 
    <ul> 
 
    <li>one</li> 
 
    <li>one</li> 
 
    <li>one</li> 
 
    <li>one</li> 
 
    </ul> 
 
    </div>

Answer 2

body, html, .menu { margin:0 auto; } 

Answer 3

添加風格下面的代碼可能它可以幫助你

*{margin:0px 0px; padding:0px 0px;} 

Answer 4

你有兩個選擇。

1：*{margin:0px 0px; padding:0px 0px;}

2：使用重置CSS