Question

我想知道我是否只能隐藏我的2个div中的一个而不是另一个 http://codepen.io/LeaFrontend/pen/yyNbeb

<div class="container">
  <div class="box1"></div>
  <div class="box2"></div>
</div>

.container {
  position: relative;
  border: 1px solid red;
  width: 300px;
  height: 100px;
  overflow:hidden;
}


.box1 {
  position: absolute;
  width: 40px;
  height: 40px;
  border: 1px solid green;
  top: 90px;
}

.box2 {
  position: absolute;
  width: 40px;
  height: 40px;
  border: 1px solid blue;
  left: 290px;
}

我需要保持相同的结构不确定是否可能

Answer 1

这是你做的：

A. ：终止CSS代码的 .container 块中的overflow属性。

B。然后使用top，bottom，left和right属性的值使其溢出到您想要的方向。

C。对要重叠的区域使用负值。如果您希望box1与右侧重叠100px，请设置右侧属性值 -100px。

right: -100px;

我可以只溢出一个div吗？

1 个答案: