0

基本的に、現在の設定では、ページの上部と #header div の間にスペースがあります。そのスペースをなくしたい。検索してみて、思いついた

position:absolute;top:0;left:0;

div に対して、それは機能します (スペースなしで上部に配置します) が、残りの#headerdiv はすべての構造を失います。一番上に配置し、残りの div の現在のレイアウトを維持するにはどうすればよいですか?

また、div の下の画像を背景として使用しています。このコードを使用します。

body
{
background-image:url('../imagez/bestone1400.jpg');
background-repeat:no-repeat;
background-position:top, center;background-size:100%; 2000px;
}

ありがとうございます。

#container
{
width:100%;
}

#header
{
background-color:#FFA500;
height:400px;
}

#leftcolumn
{
background-color:#FFD700;
height:200px;
width:10%;
float:left;
}

#content
{
background-color:#EEEEEE;
height:200px;
width:80%;
float:left;
}

#rightcolumn
{
background-color:#FFD700;
height:200px;
width:10%;
float:right;
}

#footer
{
background-color:#FFA500;
clear:both;
text-align:center;
}
4

2 に答える 2

1

paddinghtmlやmarginbody にある可能性があります。次のようなものを試してください：

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

div またはその他の要素にパディングまたは magins がある場合もあるため、ユニバーサルセレクターが機能する場合があります。

* {
  padding: 0;
  margin: 0;
}

ただし、一般的には、こののように css リセットを実装することをお勧めします。これが最善の解決策になる可能性があります。

于 2013-04-27T10:47:58.203 に答える
0

Default browser padding、margin、border を削除する必要があります。

/*reset default browser settings */
html, body {
 margin: 0px;
 padding: 0px;
 border: 0px;
}
于 2013-04-27T10:50:55.840 に答える