Java AEM组件-插入到“AEM组件”中的组件；将组件拖到此处“；箱

我刚刚创建了一个自定义的“进度条”组件。在Classic UI或Touch UI中添加组件会导致将组件放置在“将组件拖动到此处”框后面。我认为插入组件会导致“在此处拖动组件”框向下移动，为新组件腾出空间。是否有要添加的属性或要触发的事件，以使“在此拖动组件”框下移

以下是该问题的截图。编辑栏位于“将组件或资源拖动到此处”框顶部的正上方。

以下是当前用于组件的HTML：

<div class="progress-bar component" style="clear:both;" data-sly-use.progress="progressbar.js" >
    <div class="numerator" style="width: ${progress.percentage @ context='styleToken'}%; height: inherit;">
        ${progress.percentage}%
    </div>
</div>

${progress.percentage}%

我认为您的组件是浮动的。通过添加

Clear:both清除浮动到你的组件CSS中，拖动组件或资源应该相应地向下移动。我刚刚在我的帖子中添加了用于组件的HTML。我已经在进度条中添加了
clear:both
样式。你的意思是让我把它作为一个单独的CSS文件添加吗？