填充左側元素的100％擴展到父級左側邊界

Question

我需要將div的左側或左側邊距填充爲100％，但div中的文本位於父級之外盒子和在其右側的填充之外。

股利是自舉<div class="row"><div class="col-mod-12">...</div></div>內，但否則沒有特殊的格式。

對我有幫助嗎？如何在可移動的CSS屬性（文本對齊不是動畫）的幫助下將元素推送到父容器中？我會很感激。

代碼（無瀏覽器預修正）：

<style> 
@keyframes slidein { 
    0% { padding-left: 0; } 
    100% { padding-left: 100%; } } 

div.slideIn { 
    animation: slidein 3s infinite alternate; } 
</style> 

<div class="slideIn"> 
Animate 
</div> 

Answer 1

總是問有助於引發思考。它的工作原理如下：

@keyframes slidein { 
    0% { width: 0; } 
    100% { width: 100%; } } 

div.slideIn { 
    display: inline-block; 
    text-align: right; 
    animation: slidein 3s infinite alternate; } 

抱歉打擾。但MDN有一個左邊距的示例：https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Using_CSS_animations