2015-12-16 3 views
1

Я хочу избавиться от пробела слева и справа от div темной земли. Как я могу это достичь? Что я googled сказал, чтобы просто добавить дополнение: 0px; и margin: 0px; но это не сработало. Есть идеи?Как избавиться от пробела слева и справа от div?

/*Start of header styling*/ 
 

 
#header { 
 
    background-color: RGB(57, 89, 100); 
 
    Height: 75px; 
 
    left: 0; 
 
    top: 0; 
 
    position: absolute; 
 
    width: 100%; 
 
} 
 
/*End of header styling*/ 
 

 
body { 
 
    display: block; 
 
} 
 
#subHead { 
 
    background-color: RGB(39, 39, 39); 
 
    height: 100px; 
 
    padding: 0px; 
 
    margin: 0px; 
 
    height: 350px; 
 
} 
 
/*Start of footer styling*/ 
 

 
/*End of footer styling*/
<div id="header"> 
 
    <h1>&zwj;</h1> 
 
</div> 
 

 
<div id="subHead"> 
 
    <h1>&zwj;</h1> 
 
</div>

+0

Добавить 'padding: 0; margin: 0; ' к селектору корпуса. Вы также должны удалить «display: block;». Это не нужно. –

ответ

1

Сброс CSS, добавив

html, 
body { 
    margin: 0; 
    padding: 0; 
    width: 100%; 
    height: 100%; 
} 

Обычно сброс CSS таких стилей по умолчанию применяется к документу, так что вы можете начать с чистого листа. Here - это отличная информация о том, как сбросить стили CSS.

html, 
 
body { 
 
    margin: 0; 
 
    padding: 0; 
 
    width: 100%; 
 
    height: 100%; 
 
} 
 
#header { 
 
    background-color: RGB(57, 89, 100); 
 
    Height: 75px; 
 
    left: 0; 
 
    top: 0; 
 
    position: absolute; 
 
    width: 100%; 
 
} 
 

 
#subHead { 
 
    background-color: RGB(39, 39, 39); 
 
    height: 100px; 
 
    padding: 0px; 
 
    margin: 0px; 
 
    height: 350px; 
 
}
<div id="header"> 
 
    <h1>&zwj;</h1> 
 
</div> 
 

 
<div id="subHead"> 
 
    <h1>&zwj;</h1> 
 
</div>

0

подзаголовок ДИВ не позиционируется абсолютно, так что в настоящее время ограничивается по краю тела.

Одним из решений является удаление маржу от тела

body{ 
margin:0px; 
} 

Другим решением является также положение суб-Div абсолютно

#subhead{ 
position:absolute; 
width:100%; 
left:0px; 
} 

Вы можете добавить top:75px; расположить его под верхней DIV ,

Смежные вопросы