html - 如何在CSS中使用负填充

Question

我想在css中添加负填充，我写了一个电池充电电池的小代码。我想要的是，如果我输入像 -1px 这样的负值，那么单元格颜色应该移到左侧，而 div 应该留在中间。

.cell {
  width: 100px;
  height: 30px;
  border: 1px solid black;
}

.padding {
  background-color: #3D9970;
  width: 10px;
  float: left;
  height: 30px;
  position: absolute;
  left: 55px;
  padding-right: 1px;
}

<div class="cell">
  <div class="cell1"></div>
  <div class="padding"></div><span style="display: inline;">	
    </div>

请帮帮我。

Answer 1

你不能。

---

参见 the specification :

Unlike margin properties, values for padding values cannot be negative.