html - 我对 float 的使用没有按预期工作

Question

由于某些原因，我的 float 类不起作用:

HTML:

<div class="col-md-5">
        <div class="BoxTitleSettings">
            <div class="left col-sm-6">
                Your Items
            </div>
            <div class="right col-sm-6">
                asuhido
            </div>
        </div>
        <div class="BoxSettings">

        </div>
    </div>

CSS:

.left {float: left;} .right {float: right;}

代码结果图片:

Answer 1

如果你想让右 DIV 的文本右对齐，你必须在 .right 规则中添加 text-align: right。