CSS修复div自己元素的100%左右

时间:2016-08-26 12:03:46

标签: css css-position margin

我有一个带有div的html / css。 我希望它能拉出自己宽度的100%。现在它拉动了100%的屏幕。

从长远来看,我会在顶部添加一个css动画。

https://jsfiddle.net/5L7a5pfr/

HTML

MYSQLCOM=-YES/NO-

CSS

rm -rf ~/Library/PreferencePanes/MySQL*
sudo rm -rf /Library/Receipts/mysql*
sudo rm -rf /Library/Receipts/MySQL*
sudo rm -rf /private/var/db/receipts/*mysql*

1 个答案:

答案 0 :(得分:5)

您可以使用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>