css不受上个盒子的限制

CSS可以使某个盒子跳出上一个盒子的限制，自由地展现出来。这样做，可以实现更加多样化的网页布局

.container {
  width: 300px;
  height: 300px;
  border: 1px solid #000;
}

.box1 {
  width: 100px;
  height: 100px;
  background-color: red;
  margin-top: -50px;
}

.box2 {
  width: 100px;
  height: 100px;
  background-color: blue;
  position: relative;
  top: -50px;
  left: 150px;
} 

在这个例子中，.container是一个跟盒子，.box1和.box2都是它的子元素。box1和box2分别被设置为负margin和相对定位，以达到跳出上一个盒子的限制的效果

需要注意的是，这种做法虽然可以让盒子跳出上一个盒子的限制，但也容易导致布局失控。因此要谨慎使用