DIV的父子位置关系

Posted 2023-03-26

div.father /* 父div */
background-color:#fffebb;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding:50px;
border:1px solid #000000;

div.son /* 子div */
background-color:#a2d2ff;
margin:10px;

padding:15px;
border:1px dashed #004993;
margin是2个content的border之间的距离,padding是conter与自己border的距离.是不是?上面那个父DIV的padding是50,而子DIV的margin是10,我修改数尝试了很多次,上下左右的距离有的时候是父的有时候是子的,到底看谁的?是不是要分情况?和其他属性有关吗?

ie6，ie7（FF）对带有padding样式的标签的宽度的解析是不一样的。ie6的标签宽度不包含padding- left和padding-right的值，而ie7和ff则是包含的。例如一个div的width设置100px，padding设为10px，而在 ie6中它要占据的宽度是120px（包含10个padding-left和10个padding-right），而在ie7和ff中则占据100px的 宽度。因为ie7和ff会认为100已经包含了20px的padding。 margin 是子与父的距离。padding 是父与子的距离。在你的例子中未涉及到宽度问题 所以 是 margin与padding的和。 参考技术A 你说的是对的，父的padding是父的content和border的距，子的margin是子的border和父的border的距 参考技术B 在子div中定义就可以了