子div需要在其父级上重叠，以便它获得父级的背景颜色

Question

我有以下结构：

<li style="border-left-color: green">
  <div class="some icon">
   <div class="another icon">
  </div>
  </div>
</li>

我需要允许拥有＆＃34;某些图标＆＃34;重叠我的li元素的左边框，使图标出现在绿色条中。

孩子div可以在它的父母身上重叠吗？

Answer 1

是

以下内容应该有效，但是，您的类名不应包含空格：

li {
    position: relative;
    height: // whatever your desired height is
    border-left: 20px solid green;
}

.some_icon {
    position: absolute;
    top: 0;
    left:-20px; // this should be the same as, or similar to, the li border width
}

Here's an example