佈局問題在HTML5

我要對齊從頂部DIV請幫我如何解決這個問題
我的代碼是：佈局問題在HTML5

<!DOCTYPE html> 
<html> 
<head> 
<style> 
     body { 
      margin:0; 
      padding:0; 
     } 
     .topmenu { 
      background-color:#808080; 
      height:200px; 
      width:600px; 
     } 
    </style> 
</head> 
<body> 
<nav> 
    <div class="topmenu"> 
    <h2>Hello</h2> 
    </div> 
</nav> 
</body> 
</html>

Check This Image

來源

2016-02-19 Sameer Moin

是否要將div對齊佈局中的標題？ – praveen

body { 
 
      margin:0; 
 
      padding:0; 
 
     } 
 
     .topmenu { 
 
      background-color:#808080; 
 
      height:200px; 
 
      width:600px; 
 
     } 
 
     
 
     h2{ 
 
      margin:0; 
 
      }

<nav> 
 
    <div class="topmenu"> 
 
    <h2>Hello</h2> 
 
    </div> 
 
</nav>

With

h2{ 
     margin: 0; 
    }

來源

2016-02-19 10:35:02 silviagreen

.topmenu{ 
    position:fixed; 
    top:0; 
}

來源

2016-02-19 10:35:49

你也可以嘗試這種無需添加其他類

body 
{ 
    margin:0; 
    padding:0; 
} 
.topmenu 
{ 
    background-color:#808080; 
    height:200px; 
    width:600px; 
    margin-top: -19px; 
}

來源

2016-02-19 10:40:51 praveen

body { 
 
    margin:0; 
 
    padding:0; 
 
} 
 
.topmenu { 
 
    background-color:#808080; 
 
    height:200px; 
 
    width:600px; 
 
} 
 
     
 
h2 { 
 
    margin:0; 
 
}

<nav> 
 
    <div class="topmenu"> 
 
     <h2>Hello</h2> 
 
    </div> 
 
</nav>

來源

2016-02-19 10:45:09

.topmenu 
    { 
    float:left; 
    padding:5px; 
    }

來源

2016-02-19 10:49:14

請閱讀「[我如何寫出一個好答案]（http://stackoverflow.com/help/how-to-answer）」 – fusion3k

以上的答案是絕對正確的。只是想補充說，使用reset-css或normalize-css來處理網頁的默認樣式是一種很好的做法。使用它們可以避免許多與造型有關的障礙。
就答案而言
h2 {margin:0; padding:0}應該完美地工作！

來源

2016-02-19 10:52:38

佈局問題在HTML5

回答

相關問題