1

这是我用来制作列的 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。

4

2 回答 2

0

您有语法错误..更改f float为浮动.columnA

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

应该

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

检查这个小提琴

这是您的原始代码

于 2013-06-13T18:16:19.893 回答
0

在你的 CSS 中，你有一个无关紧要的f

.columnA{f
    float: left;
于 2013-06-13T18:21:08.840 回答