我试图制作两列，但第二列不能正确定位

Question

这是我用来制作列的CSS

<style>
        h1{background-color:black;
            color: white;
        }
        .columnA{f
            float: left;
            width: 70%;
            margin:0;
        }
        .columnB{
            float: right;
            width:30%;
            margin: 0;

        }
        div.clear{clear:both;}


    </style>

这是HTML

<div class="container">

        <div class="columnA">
        Lorem ipsum dolor sit amet
        </div>
        <div class="columnB">

                Test 1<br>
                Test 2

        </div>
    </div>

最终看起来第二个div不会向上移动。我试过漂浮：也离开了。

Answer 1

您遇到语法错误。将f float更改为.columnA

.columnA{
    f float: left;
    width: 70%;
    margin:0;
}

应该是

.columnA{
    float: left;
    width: 70%;
    margin:0;
}

选中此fiddle

这是你的original code

Answer 2

在你的CSS中你有一个无关的f

.columnA{f
    float: left;