博客摘录「 负margin的一些应用及对其作用原理的理解」2024年3月25日

。而如果设置了左右margin的话，将会满足margin-left + margin-right + width = 父元素内容区的宽度。说到这，我们就不难理解为什么应用左右负margin会使元素的宽度变大了，因为那部分margin的负值要加在元素的宽度上，使等式成立。在这种情况下我们就可能看到，子元素的内容区溢出了父元素的内容区，因为在文档流中子元素的左右margin边界是和父元素的左右padding边界相接的，应用了负margin的话，就相当于这个边界往里缩了，那么内容区自然也就“溢出”了。