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

このコードを試してください:

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

私があなたを正しく理解していれば、あなたの問題は特定の要素のデフォルトのマージン/パディングにあると思います。

追加すると

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

それを整理する必要があります。

デモ

于 2013-05-09T22:05:59.433 に答える