Как определить это странное белое пространство в верхней части моей страницы?

Question

Я хочу, чтобы расстояние между верхней частью страницы и моим заголовком находилось на расстоянии 60 пикселей. Однако, похоже, там уже 16 пикселей белого пространства. Из-за этого я только что добавил маркер-верх 44px в заголовок, достигая того, что я хотел.

Но я бы скорее определил, откуда берутся 16 пикселей белого пространства, а не только учиться у него, но и сделать его более аккуратным: если бы я мог просто расширить пробел вместо добавления какого-либо поля, это было бы идеально.

Я не думаю, что тайное пространство - это маржа или прокладка ... Я понятия не имею, что это такое.

Answer 1

Существует а:

<br style="clear:both;"></br> 

Внутри вашего 'обертки' DIV, чуть ниже «содержание 'div. Это, в основном, новая строка, это 16 пикселей высотой из-за размера шрифта 16 пикселей, который по умолчанию.

Используйте этот инспектор страницы своего браузера для подобных ситуаций. Это удобный инструмент для изучения структуры и внешнего вида вашей страницы.

Answer 2

в вашем HTML файле Line 68 изменение тега тело стиль к этому:

body { 
    line-height: 0; 
    background: url("http://www.yoursite.com/wp-content/themes/modernist/style/../images/back_01.png") no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    background-size: cover; 
    font-family: "RobotoRegular", Arial, sans-serif; 
    color: #606060; 
    margin: 0; 
} 

Answer 3

В вашем div.wrapper, прямо перед вашим div.header у вас есть br. Это ваш 16px!

<div class="wrapper"> 
    <div class="content">...</div> 
    <br style="clear:both;"> <!-- mysterious 16px --> 
    <div class="header">