Question

当我创建div时，它总是向顶部和左侧添加空间。这是一张图片：http://img265.imageshack.us/img265/7346/83425851cc8d4fc49eb78a9.png

我不想要那个空间，所以我该怎么做才能解决它？

HTML CODE：

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <title>Wozzies Blog</title><meta charset="utf-8"></meta>
  <link rel="stylesheet" type="text/css" href="css/layout.css" />
</head>

<body>
    <div id="container">




    </div>
</body>

</html>

CSS代码：

body{
  background-image:url('../img/bg.png');
  background-repeat:repeat-y;
}

#container{
  background-image:url('../img/bgcontentor.png');
  background-repeat:repeat-y;
  width: 798px;
  height: 685px;
  margin: auto;
}

Answer 1

尝试将0赋予此属性：

body { margin:0; padding:0; }

使用此代码，空格应该消失，因为填充和边距为0.

Answer 2

我认为您要删除身体元素的填充（和边距）：

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

我假设您已经尝试删除实际div上的边距。我通常做的是在我的css文件上添加它：

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

这样，我可以设置特定于元素本身的所有填充和边距，并且将忽略任何默认行为（例如您遇到的间距）。

Answer 3

他们说了什么 - 将填充和边距设置为0.并且成为盒子 - 学习CSS box model，这样你就会知道如何操纵边距，填充和边框来获得你想要的东西。

CSS调整div，top和div之间的空格。

3 个答案: