像facebook一样固定宽度的标题

时间:2013-05-09 21:29:10

标签: html css

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

的index.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;

}

2 个答案:

答案 0 :(得分:0)

如果我理解正确,我认为你的问题是某些元素的默认边距/填充。

如果你添加

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

它应该排除它。

<强> Demo

答案 1 :(得分:0)

试试这段代码:

//these code is for fixed header
.header{
position: fixed;
top: 0;
left:0;
width: 100%;
background-color: #0683c9;
}