CSS 修复 div 自己元素左侧 100%

Question

我有一个 html/css 和一个 div。 我希望它拉动 100% 的自身宽度。 现在它拉动 100% 的屏幕。

长的运行我会在上面加一个css动画

html

<div class="test left">
testing something
</div>

css

.test {
  position: fixed;
  background: green;
  color: #fff;
  top: 0;
  left: 0;
}

.left {
  left: -100%;
}

Answer 1

您可以使用transform: translateX(-100%)

.test {
  position: fixed;
  background: green;
  color: #fff;
  top: 0;
  left: 0;
  margin-left: 50%;
}
.move {
  top: 25px;
  transform: translateX(-100%);
}

<div class="test left">testing something</div>
<div class="test left move">Move 100% left of its own width</div>

CSS 修复 div 自己元素左侧 100%

CSS fixed div 100% left of own element

css

margin

css-position