У меня html,body и container div установлены на 100% высоты, но все еще есть пробел в верхней части страницы?

Question

@charset "utf-8";

html {
height:100%;

}

body {
background-color:#000000;
height:100%;
}

img
{  border-style: none;
}

container {
background: #EEE;
position:relative;
width:763px;
margin:auto;
min-height:100%;
border-right: 2px solid #0F0;
border-left: 2px solid #0F0; position:inherit;}

в чем дело, ребята? это причина utf-8, я читал, что это может оставить вертикальный промежуток без ширины, idk вроде как стрельба в темноте.

Answer 1

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

Задавать:

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

удалить поля по умолчанию / отступы.