У выравнивания HTML div есть пробел

У меня есть небольшая проблема...

это верхний левый угол веб-страницы. Там у меня есть div с фоном, а div - на несколько пикселей от края.

Мой код:

HTML

CSS

#contcont{
 width: 100% ;
 height: 100%;
 background-color: rgb(0,0,255);
 background-image:url('bg.jpg');
 background-size: cover;
 background-repeat: no-repeat;
 top:0;
 bottom: 0;
 left: 0;
 right: 0;
}

Как я могу удалить пробел?

7 ответов

Большинство браузеров имеют по умолчанию для элемента body. Итак, включите:

body { margin: 0; padding: 0; }

Чтобы удалить все настройки браузера, чтобы начать очищать, выполните поиск Google по адресу: 'css reset'


Сбросьте стили css

Взгляните на файл сброса css http://meyerweb.com/eric/tools/css/reset/


Я предполагаю, что вы хотите, чтобы изображение запустилось в верхнем левом углу, так что это то, что вам нужно сделать

#contcont{
 width: 100% ;
 height: 100%;
 background-color: rgb(0,0,255);
 background-image:url('bg.jpg');
 background-size: cover;
 background-repeat: no-repeat;
 top:0;
 bottom: 0;
 left: 0;
 right: 0;
 margin-top:0px;
 margin-left:0px;
}
body{
 padding-top:0px;
 padding-left:9px;
}


Попробуй это:

* {
 margin: 0px;
 padding: 0px;
}

Вот пример, по крайней мере, без вашего фона, потому что у меня его нет. Вместо этого я использовал черный фон: http://jsfiddle.net/AYjc5/1/


Попробуйте добавить следующий стиль в свой css. margin, padding и border будут наследоваться всеми элементами в файле. И вы можете переопределить по мере необходимости.

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


использовать сброс Эрика Мейера

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

article, aside, figure, footer, header,
hgroup, nav, section { display:block; }

nav ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }

/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }

hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }

input, select { vertical-align:middle; }
/* END RESET CSS */


Проверьте наличие полей и прокладок, установите их на ноль.

licensed under cc by-sa 3.0 with attribution.