两列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填充（您正在使用）

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

Answer 2

尝试

<div...></div> <div...></div> 

如果不起作用或存在兼容性问题

然后尝试：

<div class="column" id="1"></div>
<div class="column" id="2"></div>

CSS：

div.column#1{position:fixed/relative/absolute;left: #px or #% ;top: #px or #%;}

注意：＆＃34; .column＆＃34;是班级; ＆＃34;＃1＆＃34;是id;位置应该只有一个列出的值，可能还有其他一些; Left定义文档左侧的px或％＃;和top定义文档顶部的px或％＃;

注意：我只使用Firefox测试了此方法。所以其他浏览器可能有其他参数。