Question

我有以下代码：

<div class="main">
  <div class="first_div">
      <div class="nested_first">
      </div>
      <div class="nested_second">
          Hello World
      </div>
  </div>
</div>

CSS如下：

.main{
  display: inline-block;
  width: 500px;
  height: 100px;
}
.nested_first {
  position: absolute;
  width: 40%;
  height: 100%;
  background-color: white;
}

.nested_second {
  width: 32.5rem;
  border: 3px solid $white;
  height: 100%;
}

.first_div {
  position: relative;
  height: 7rem;
  width: 100%;
  margin: 1rem;
  box-shadow: 0 0 .3rem 0 rgba(0, 0, 0, 0.3);
  &:hover {
    cursor: pointer;
    .planTitle {
      color: $forest;
    }
    .planChannels {
      color: black;
    }
  }
}

因此，我无法看到nested_second的内容。如何使用HTML和CSS使其可见。

此代码的笔如下： code

Answer 1

如果你只想在第一个上传递第二个，你可以使用z-index属性：http://www.w3schools.com/cssref/pr_pos_z-index.asp

如何使用CSS将一个div的内容移动到另一个div？

1 个答案: