Question

css定位边距问题

<div id="container">
<div id="num1"><p >this is some content here!</p></div>
</div>
为什么那个num1会与上面的container有个边距啊？即使在num1里面加上margin：0px；这样属性也不行？为什么？谢谢
还有那个body{ margin:0 auto;}为什么实现不了居中的效果？

Answer 1

<style>
body, p{margin:0; padding:0;}
//你所反应的那个边距是p标签自带的边距，可以通过上面的方法去掉！还有就是不建议使用*{margin:0; padding:0;} 这样会把所有标签的默认边距都变成0，但还是有很多默认的边距是比较有用的
.container{width:980px; margin:0 auto; padding:0;}
//这个是一个容器，只有给出了宽度之后，才会有剧中效果

</style>
<div id="container">
<div id="num1"><p>this is some content here!</p></div>
</div>

赶快去试试吧... ...

Answer 2

第一个问题，楼上的已经解答了；
第二个问题，margin:0 auto; 这个属性应该放到#container里面，这样#container这个容器以及它里面的内容才会相对于body（整个页面）横向居中显示。另外#container里的position:absolute属性必须去掉。

Answer 3

css code：

<style>
boady{margin:0px auto;color:arange;}
#container{width:200px;height:100px;background:green;}
#num1{backround:yellow;width:200px;margin:0 0 0 40px;}
</style>

Answer 4

在 CSS里 填写 *{margin:0;padding:0;}

Answer 5

你把p标签去掉试试