0

专家您好，我正在尝试建立一个像 facebook 这样的欢迎页面。我想要一个具有不同颜色和固定宽度的标题，就像 facebook 欢迎页面一样。我创建了一个宽度为 100 的 div id。但是宽度不适合浏览器。它显示在体内。请告诉我如何做到这一点。我对这一切都是全新的。

索引.html

<html>
<head>
<link rel="stylesheet" type="text/css" href="welcome.css"/>
<title>Welcome To The Thinkers</title>
</head>
<body>
<div class="header"><h1>Welcome To Thinkers</h1></div>
</body>
</html>

CSS

body{
    background-color:yellow;
    width:100%;

}
p{
    font-size:23px;
    color:#930
}
.header{width:100%;
height:72px;
background-color:green;

}
4

2 回答 2

0

如果我理解正确，我认为您的问题在于某些元素的默认边距/填充。

如果你添加

body, h1
{
  margin:0; 
  padding:0;
}

它应该解决这个问题。

演示

于 2013-05-09T22:05:59.433 回答
0

试试这个代码：

//these code is for fixed header
.header{
position: fixed;
top: 0;
left:0;
width: 100%;
background-color: #0683c9;
}
于 2015-04-07T17:43:33.863 回答