我如何取消保证金？

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 显示值

网格容器为其内容建立新的网格格式上下文。这与建立块格式化上下文相同，除了使用网格布局而不是块布局：浮点数不会侵入网格容器，并且网格容器的边距不会随其内容的边沿而塌陷。