我弄了一个如下的嵌套格式：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><style>body { margin:0; padding:0}#main { margin:0px; height:1000px; width:170px; background:red;}#menu { margin:0px; background:blue;}</style><body><div id="main"> <div id="menu">目录</div></div></body></html>前面打错了，我的#menu里面设置的margin是10px，这个设置的应该是menu那个块的外部空隙大小吧，按道理说，应该外面的main那个块不动，menu块往下移动10px，为什么设置了以后外面那个块也会往下移10px，可是左边的空间却没有问题
发现设置padding就可以了，可是还是很困惑，为什么设定内部div块的margin属性会使得外部的块也跟着移动呢。
http://leepiao.blog.163.com/blog/static/485031302010427113653/
这个帖子果然正解，万分感谢
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
