CSS - 我的div不会放在左上角

Question

当我试图将我的header-div放在左上角时，header-div和top之间以及左边都有空白区域。如何将div移到角落？

body {
    width:100%;
    height:190%;
}

#header{
    display:block;
    background-color: #1B1B1B;
    width:100%;
    height:50px;    
}

Answer 1

看起来你正在努力寻找保证金和填充。

尝试在正文中添加margin和padding。

body {
    width: 100%;
    height: 190%;
    margin: 0;
    padding: 0;
}

这是 Demo.

Answer 2

让我试试...... CSS：

#header {
    width:99%;
    left:1%;
    /*I hope you don't mind that 1%*/
    right:auto;
    top:1%
    /*I hope you don't mind that 1%*/
    bottom:auto;
}

尝试根据需要调整一下。
测试一下。我想这没关系。

EDITED ---

Test Demo : Success (With Code)
Test Demo : Success

Answer 3

将css reset应用于您的代码。

使用链接中提供的css，你应该没问题。

Answer 4

更简单，只需添加：

    body,html {
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}

#header{

    background-color: #1B1B1B;
    width:100%;
    height:50px;    
}

您需要添加html标记，以及填充＆am​​p;裕度。

Luiggi。

Answer 5

添加margin:0;和padding:0;。