margin-left

尝试一下

margin-left: 1em;

margin-left: 10%;

margin-left: 10px;

margin-left: 0;

#container {

width: 300px;

height: 200px;

display: flex;

align-content: flex-start;

justify-content: flex-start;

}

.col {

width: 33.33%;

border: solid #5b6dcd 10px;

background-color: rgba(229, 232, 252, 0.6);

flex-shrink: 0;

}

#example-element {

border: solid 10px #ffc129;

background-color: rgba(255, 244, 219, 0.6);

}

两个相邻的盒子的垂直边距可能会合并。这被称为外边距折叠。

在宽度过度约束的极少数情况下（即，当 width、margin-left、border、padding、内容区域和 margin-right 都已被定义），margin-left 会被忽略，如果被指定为 auto 值，则会有相同的计算值。