css同一行显示不出来 |css相对于父级位置

.box1, .box2 {
float: left;
width: 50%;
height: 100px;
box-sizing: border-box;
border: 1px solid #000;
}
.box2 {
margin-left: -1px;
}

在上述代码中，大家定义了两个宽度为50%的块级元素，并给它们设置了浮动和边框。同时，大家还在.box2中添加了向左的外边距，即margin-left: -1px;。

这个-1px的外边距问题可能会导致.box2与.box1重叠，因此看起来似乎没有同时显示。如果您将边框颜色更改为不同的颜色，您会发现它们实际上被叠加在一起了。

解决这个问题的方法是使用负定位，这将为您提供更大的控制力，以使元素处于您想要的位置。