溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
平時寫布局的時候要保證頭部標題或者橫向的菜單和主體內容居中，可以將定義一個樣式，比如:
<style>
.container{
width: 980px;
margin: 0 auto;
}
</style>
頭部和主體部分樣式都放在帶有該樣式的標簽里:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{
margin: 0 auto;
//解決body邊框問題
}
.header{
height: 48px;
background-color: red;
}
.body{
background-color: #dddddd;
}
.container{
width: 980px;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="header">
<div class="container">
<a>頭部內容</a>
</div>
</div>
<div class="body">
<div class="container">
<p>主干內容</p>
<p>主干內容</p>
<p>主干內容</p>
<p>主干內容</p>
</div>
</div>
<div class="footer"></div>
</body>
</html>
顯示效果:
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
