2
443
以上代码中.parent是父元素，设置了width：700px;子元素.son继承过来的时候，应该是700px,
但是子元素.son设置了margin-top:-20px;之后，.son的width就变成了720px,当子元素.son设置了margin-top：20px;则.son的width就变成了680px？是什么原理
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
因为这是规范的规定啊.
块级元素水平方向格式化有如下规则
这条规则, 在水平 margin 取负值的情况下也是适用的.
你算算, .son 的宽度 720 加上 -20, 是不是正好等于 700, 也就是包含块 .parent 的宽度.
详细请看这里:
http://www.ayqy.net/doc/css2-...
补充下楼上的答案，纠正你几个概念。
1.width不继承;
2.width的值默认为auto(由浏览器计算),不是100%。