我正在尝试制作两列，但第二列的位置不正确

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 不会向上移动。我试过 float: left too。

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;