[英]How do I remove the white space above my navigation bar?
我希望導航欄沒有頂部邊框,但即使我將“margin”設置為0px,也會有一點空間。
我該如何刪除該空間?
碼:
#navigationBar { margin: 0px; padding: 0px; overflow: hidden; background-color: #333; } li { display: inline; float: left; display: block; color: white; text-align: center; padding: 14px 16px; margin: 0px; text-decoration: none; } .active { background-color: #999999; } li a { display: block; color: white; text-align: center; padding: 14px 16px; margin: 0px; text-decoration: none; }
<nav> <ul id="navigationBar"> <li class="active">Site1</li> <li>Site2</li> <li>Site3</li> <li>Site4</li> <li>Site5</li> </ul> </nav>
您尚未刪除body和html的默認邊距。 添加這個:
html,body{margin:0}
body,html{margin:0} #navigationBar { margin: 0px; padding: 0px; overflow: hidden; background-color: #333; } li { display: inline; float: left; display: block; color: white; text-align: center; padding: 14px 16px; margin: 0px; text-decoration: none; } .active { background-color: #999999; } li a { display: block; color: white; text-align: center; padding: 14px 16px; margin: 0px; text-decoration: none; }
<nav> <ul id="navigationBar"> <li class="active">Site1</li> <li>Site2</li> <li>Site3</li> <li>Site4</li> <li>Site5</li> </ul> </nav>
使用eric meyers reset css重置所有預設的邊距等,然后刪除默認邊距。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.