padding-left 100％on element延伸到父左边框

Question

我需要将div的padding-left或margin-left扩展为动画的100％，但div中的文本然后在父框resp之外。在右边的填充物之外。

div位于引导程序<div class="row"><div class="col-mod-12">...</div></div>内，但没有特殊格式。

您是否有一个提示让我如何在可动画的CSS属性（text-align不可动画）的帮助下向右推动元素，但在父容器中？我很感激。

代码（没有浏览器预先修复）：

<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有一个左边缘的例子：Will not closing a stringwriter cause a leak?