html - 两列div之间的空间

Question

我有以下代码。有人可以建议在两个列类之间留出空间的正确方法吗？

<div class="row">
    <div class="column"></div>
    <div class="column"></div>
</div>

.row {
    clear: both;
}

.column {
    width: 50%;
    box-sizing:border-box;
    padding: 10px;
    float: left;
}

Answer 1

1 使用边距(推荐方式)

.column {
   margin: 10px; /* or what ever */
}

2 使用换行符(不推荐)

使用这个:

<div class="column"></div>
<br />
<div class="column"></div>

3 填充(你正在使用的)

填充会在元素内添加一个空格。这不会成功的。您需要使用边距而不是填充。