удалить вертикальное пространство html

Это должен быть простой вопрос, но я не смог найти ответ. При создании одноколоночного html/css-дизайна постороннее пространство по вертикали между элементами, которые я не могу объяснить.удалить вертикальное пространство html

Пространство происходит между разделами и может быть перемещено путем установки верхнего края раздела на -20px, но этот подход не требуется. Любая помощь будет принята с благодарностью.

Код:

<!DOCTYPE HTML> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

    <style type="text/css"> 
     body { 
      padding:0; 
      background-color: #888888; 
      width:800; 

      margin-top:0; 
      margin-left:auto; 
      margin-right:auto; 
      margin-bottom:0; 
      display:block; 
      vertical-align:0; 
     } 

     section { 
      display:block; 
      margin-top:0px; 
      margin-left:auto; 
      margin-right:auto; 
      margin-bottom:0; 

      padding-top:0; 
      padding-left:20px; 
      padding-right:20px; 
      padding-bottom:20px; 

      background-color: #CCCCCC; 
      width:760px; 
     } 

     article { 
      margin:0; 
      padding:0; 
      background-color: #EEEEEE; 
     } 
    </style> 
    <title>Title</title> 
</head> 
<body> 

    <section> 
     <h2> Section 1 </h2> 
     <article> 
      <p> Text here. 
      </p> 
     </article> 
    </section> 
    <section> 
     <h2> Section 2 </h2> 
     <article> 
      <p> Text here. 
      </p> 
     </article> 
    </section> 
</html>

источник

2014-02-05 Anonymous

Этот запас из вашего браузера по умолчанию CSS (пользовательский стиль агент) для h2 заголовков. Вы можете избавиться от него, установив маржу в ноль.

h2 { 
    margin-top: 0; 
}

источник

2014-02-05 22:10:55 dersvenhesse

Спасибо - я предположил, что это не может быть h2, потому что добавил поле будет увеличивать высоту фона содержащего элемента, но я ошибся! –

Дополнительный запас от вашего <h2>

источник

2014-02-05 22:09:50 tobi

-1

вы могли бы использовать, чтобы нормализовать CSS избавиться от этого вопросы https://github.com/necolas/normalize.css/ Это normalize.css нормализуется весь каталог стилей по браузер по умолчанию

источник

2016-09-26 04:21:30 joseph

удалить вертикальное пространство html

ответ

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