CSS div не заполняется сверху и слева

Question

Я пытаюсь сделать фиксированный заголовок, поставив содержимое заголовка внутри div с фиксированной позицией. Ниже приведен код CSS для DIV:

#page_header { 
    background-color: white; 
    height: auto; 
    width: 100%; 
    position: fixed; 
    overflow: auto; 
} 

и это влияние моего DIV (скриншот в левом верхнем углу):

Вы можете ясно видеть, что есть пространство между div (белая часть) и страница, в то время как это не так с правой стороны, как я должен избавиться от этого пространства?

Спасибо.

Answer 1

Вы должны убедиться, что ваши поля и отступы обнуляются:

margin: 0; 
padding: 0; 

Кроме того, если вы действительно хотите вещь, установленную в месте, лучше всего, чтобы зафиксировать его там.

position: fixed; 
top: 0; 
left:0; 

Answer 2

Вы должны установить фактическую страницу с маржой: 0 и отступы: 0 фактической HTML, а не только тело.

используйте это в своей таблице стилей CSS.

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

, который установит всю страницу на 0, для чистого чистого старта без полей или прокладок.