css如何让两个div上下排列

可以使用CSS中的display属性和float属性来实现两个div上下排列。具体实现方法如下：

1. 设置第一个div的display属性为block，使它变成一个块级元素；
2. 设置第二个div的float属性为left或right，使它浮动在第一个div的下面；
3. 如果需要两个div之间有间隔，可以给第一个div设置margin-bottom属性。

示例代码如下：

<style>
    .box1 {
        display: block;
        background-color: red;
        height: 100px;
        width: 200px;
    }
    .box2 {
        float: left;
        background-color: blue;
        height: 100px;
        width: 200px;
    }
</style>

<div class="box1"></div>
<div class="box2"></div>

上述代码中，第一个div的class为box1，它的display属性为block；第二个div的class为box2，它的float属性为left。这样就能实现两个div上下排列的效果。