我有一个带有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*
答案 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>