Снимите место вокруг divs

Question

У меня есть два divs, но есть место вокруг им ,. Я удалил пространство между ними, используя overflow: none;, но я не знаю, как устранить лишнее пространство вокруг них. Как я могу это сделать?

Fiddle

Answer 1

запас вашего тела должен быть установлен в 0.

body{margin: 0;} 

Кроме того, я настоятельно рекомендую использовать сброс CSS в верхней части CSS, как ниже, чтобы избежать других возможных конфликтов: JSFiddle

html, body, 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, menu, nav, section, time, mark, audio, video, details, summary { 
     margin: 0; 
     padding: 0; 
     border: 0; 
     font-size: 100%; 
     font-weight: normal; 
     vertical-align: baseline; 
     background: transparent; 
    } 

Answer 2

Элемент корпуса имеет запас. Удалить его:

body { 
    margin:0; 
} 

jsFiddle example

Answer 3

Элемент body имеет размер по умолчанию 8px. Вам нужно установить его в 0 в вашем css.

body 
{ 
    margin: 0; 
} 

По умолчанию, ваши два DIV обёрнуты внутри элемента BODY, который также завернутые в HTML-элемент. Вы не видите это в jsFiddle, потому что они генерируются автоматически для вас, когда вы нажимаете кнопку запуска.

Если вы еще этого не сделали, я бы предложил исследовать «Сброс CSS» (в основном, сброс всех стилей на базовую линию) и «Объектная модель документа» (DOM). Это поможет вам понять наследование, структуру HTML.

Answer 4

Проверьте, нет ли полей и отступов в CSS.