学习css盒子模型是遇到了点问题，当两个盒子嵌套在一起时margin和padding怎定义的？请高手看图解释一下！

途中div1盒子中嵌套了一个div2盒子。请问高手：途中箭头指出的间距对于div1和div2盒子分别代表什么？我做实验时有点乱了。最开始我觉得途中标出的位置是相对的，即相对于div1 是： padding：20px . 相对于div2盒子则是： margin：20px。但是我在试验中却发现，这个宽度只能设置成div1的padding：20px。去不能设置成div2的margin：20px 请问高手用w3c标准盒子模型和ie盒子模型两种分别解释一下，当两个盒子潜逃在一起时，外面盒子的padding和里面盒子的margin是相同效果吗？

举报该问题

推荐答案推荐于2018-04-04

你说的问题是在ie6,7下 div2的margin值无效对吧？你要理解在ie中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。在ie6,7下有个hasayout属性如果没有触发他不能负责对自己和可能的子孙元素进行尺寸计算和定位；所以子元素的margin失效。激活haslayout属性有很多可以用zoom:1 你可以去百度搜下haslayout 去了解一下它。

温馨提示：答案为网友推荐，仅供参考

当前网址：http://44.wendadaohang.com/zd/YWGV3VVVVWYYYVZZYZR.html

其他回答

第1个回答 2014-08-24

出现这种情况和margin折叠的道理很相似你可以参考一下
http://www.cr173.com/html/17041_1.html
margin折叠是CSS2.1规范的一项
你可以参考w3c官网的文档说明
http://www.w3.org/TR/CSS21/box.html#collapsing-margins
具体的解决办法要视情况而灵活变通！

相似回答

CSS中margin和padding的区别答：margin和padding用来隔开元素，margin是隔开元素与外边，padding是隔开元素里边。举个栗子：想象你站在只有一个房间的屋子，你与房间墙壁之间的距离叫Padding 房间墙壁的的厚度可以理解为边框的宽度，房子与你隔壁邻居的房子间的距离可以理解为margin。

CSS中margin和padding的区别答：margin是指的外边距属性,padding是指的内边距。这是盒子模型的概念。1、盒子模型示意图如下：2、代码示例说明如下：<!DOCTYPE html>div{border: 1px solid red;float: left;margin: auto 20px;width: 100px;height: 100px;}a{background:pink; padding-left:60px;}1111122222结果如下：...

css中margin和padding的区别麻烦详细点解答一般的回答我也能搜到...答：margin是两个盒子之间的距离，padding是一个盒子的空隙，黄色的padding

CSS中margin和padding的区别答：看看盒子模型就明白了。把各个元素想象成一个装了东西的盒子。margin就是堆放盒子时盒子之间的距离。padding是盒子里面填充物的空间大小。border就是盒子包装本身的厚度了。content就是实际装的东西了。