Html 右侧附加的多行上的动态div

我做某事有困难，但很难解释

我有一个div的动态列表，例如3、5或10。每个div都应该在一行上紧挨着另一个div。这当然很容易，但问题是。例如，所有div都位于宽度为200px的父div中。例如，所有5个子div的宽度分别为30、100、50、200和40像素。所以所有的div不能在一条线上，有些div应该移到下一条线上，或者移到第三条线上。这在目前也是可行的。 我的问题是，我希望每一行上的div都附加到父div的右侧

以下是一个例子：

<div class="parent">
    <div class="child">Test</div>
    <div class="child">ok</div>
    <div class="child">Very very long text</div>
    <div class="child">Long text</div>
    <div class="child">adsdas</div
</div>

.parent {
    width: 200px;
    overflow: auto;
    background-color: #ccc;
}
.child {
    float: left;
    border: 1px solid #000;
}

试验
好啊
非常长的文本
长文本
adsdas将您的
.child
类的
float
从
left
更改为
right
似乎可以解决问题-除非我误解了什么

更新的fiddle:
使用以下css解决您的问题：

.parent {
    width: 200px;
    overflow: auto;
    background-color: #ccc;
    text-align:right;
}
.child {
    display: inline-block;
    padding:0;
    margin:0;
    border: 1px solid #000;
}

使用
显示：内联块并给出
文本对齐：右到父级

选中。
您需要添加

.parent {
      display:inline;
}

您需要垂直线或水平线中的所有俯冲，例如：？第一行上的所有3个框都应该有float:right。这是正确的结构。问题是，对于float：对，div的顺序是错误的，我想我们需要看看它应该是什么样子。是的，这是正确的结构，但元素的顺序是错误的。他们应该是相反的。好吧，我没有看到你的评论，直到之后才回答。那么，我没有任何建议。