CSS 고정 div 자신의 요소 왼쪽 100 %

Question

div가있는 HTML/CSS가 있습니다. 나는 그것의 자신의 폭의 100 %를 당기 길 원한다. 이제 화면의 100 %를 가져옵니다.

장기적으로 나는 위에 CSS 애니메이션을 추가 할 것입니다.

https://jsfiddle.net/5L7a5pfr/

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>