我如何取消保证金？

Question

CSS中的折叠边距：http : //www.w3.org/TR/CSS21/box.html#collapsing-margins

我了解该功能的用途，但是我正在尝试进行布局，因此我不知道如何将其关闭。

CSS教程中通常解释的方法是：

添加边框

添加填充

当您处理带有背景图像和固定填充的像素完美布局时，所有这些副作用都会变得很明显。

有什么方法可以简单地禁用折叠而不用将多余的像素推入布局中吗？对于我来说，必须以视觉方式影响文档以更改这种行为对我来说没有任何意义。

Answer 1

使用Flex或Grid布局。在flex和grid容器中，没有边际崩溃的事情。规格中的更多详细信息：3. Flex容器：flex和inline-flex display 值一个伸缩容器为其内容建立一个新的伸缩格式上下文。这与建立块格式化上下文相同，除了使用Flex布局而不是块布局。例如，浮点数不会侵入flex容器，并且flex容器的边距不会随其内容的边沿收缩。5.1。建立网格容器：grid和inline-grid 显示值网格容器为其内容建立新的网格格式上下文。这与建立块格式化上下文相同，除了使用网格布局而不是块布局：浮点数不会侵入网格容器，并且网格容器的边距不会随其内容的边沿而塌陷。