我是 html css 的新手，遇到了這個問題。我設計了一個非常簡單的頁面，并開始制作頁眉。正如你在這張圖片中看到的
我選擇的白色塊，如你所見，我在檔案styles.css 中撰寫了標題。這是代碼
#header {
height: 46px;
background-color: #000;
}
但是，正如您在左側看到的，當我選擇標題時，它告訴我它是 1129x0，我不知道為什么會這樣。
這是我的 index.html
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href=".assets/css/styles.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div id="main">
<div id="header">
</div>
<div id="slider">
</div>
<div id="content">
</div>
<div id="footer">
</div>
</div>
</body>
</html>
這是我的styles.css 檔案
{
padding: 0;
margin: 0;
box-sizing: border-box;
}
#main{
}
#header {
height: 46px;
background-color: #000;
}
#slider{
}
#content{
}
#footer{
}
你能給我一些關于這個問題的想法嗎？非常感謝您的寶貴時間。
uj5u.com熱心網友回復：
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href=".assets/css/styles.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<header>
<div id="main">
<div id="slider">
</div>
<div id="content">
</div>
</div>
</header>
</body>
</html>
CSS
header {
height: 46px;
background-color: #000;
}
嘗試 ..
uj5u.com熱心網友回復：
試試 CSS
html, body{
padding: 0;
margin: 0;
box-sizing: border-box;
}
#main{
}
#header {
height: 46px;
background-color: #000;
}
#slider{
}
#content{
}
#footer{
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/346577.html