html - 需要 CSS 定位帮助

Question

我想在列表中制作下拉菜单，我用插入符号制作它，div 看起来像这样

<div class="class-to-div1" id="{{ div.id }}" data-cardsnum="{{ div.num }}">
                    <div class="col-md-2 list">
                        <button onclick="text(this)" class="add-div btn btn-success btn-sm">add div</button>
                        <button class="delete-div btn btn-danger btn-sm">delete div</button>
                        <div class="class-to-div">
                            {% for innerdiv in div.innerdivs %}
                                <div class="list-item" data-column="{{ innerdiv.sveti_id }}" data-position="{{ innerdiv.position }}" id="{{ innerdiv.pk }}"> {{  innerdiv.text}} <span class="caret mycaret mydropdown"></span></div>
                            {% endfor %}
                        </div>
                    </div>
                </div>

我想要这个 <span>位于类".list-item"的div的右端, 但它留在 {{ innerdiv.text }} 之后不管我做什么

Answer 1

为此，您可以使用 float: right;。这是关于 floats 的一些信息.

HTML:

<div>
    Testing Testing 
<span>Test</span>

</div>

CSS:

div {
    width: 80%;
    height: 40px;
    border: 1px solid;
}
span {
    float: right;
}

DEMO HERE