css div跑到顶部了 |css如何去除两边的留白

/*这是偶最初的css代码*/
div{
width: 300px;
height: 200px;
margin: 0 auto;
background-color: #cccccc;
}
/*这是偶添加的新代码*/
body{
margin: 0;
padding: 0;
}

偶先检查了一下自己的css代码，发现除了一些基本的设置，没有什么问题。于是，偶想到了可能是其他的css样式干扰了偶的这个div。偶仔细查看了一下其他的样式表，果然发现了问题所在。

/*这是其他的css代码*/
div{
float: left;
}
/*这是偶修改过的css代码*/
div{
width: 300px;
height: 200px;
margin: 0 auto;
background-color: #cccccc;
clear: both; /*添加clear属性*/
}
/*这是偶添加的新代码*/
body{
margin: 0;
padding: 0;
}

原来是因为其他的div样式设置了float属性，导致偶的这个div沿着它的流动方向浮动。解决方法也很简单，只需要给自己的div添加一个clear属性就可以了，让它不受其他div的影响，自动跳到下一行。

总之，这个问题解决起来还是比较简单的，只需要靠着耐心、思考和查找，找到问题所在，然后采取适当的措施就可以了。