Question

我有两个div，但是周围有空格。我使用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元素有边距。将其删除：

body {
    margin:0;
}

<强> jsFiddle example

Answer 3

body元素的默认边距为8px。您需要在css中将其设置为0.

body
{
    margin: 0;
}

默认情况下，您的两个div包含在BODY元素中，该元素也包含在HTML元素中。你没有在jsFiddle中看到这个，因为当你点击运行它们时会自动生成它们。

如果你还没有，我会建议研究'CSS Resets'（基本上将所有样式重置为基线）和'Document Object Model'（DOM）。这将有助于您了解继承，HTML结构。

Answer 4

检查CSS中的边距和填充。

删除div周围的空间

4 个答案: