在div之间应用空格

时间:2010-08-18 11:48:54

标签: html css

下面两个div显示在另一个旁边,其内容动态填充,两个div中的数据都很长。

我的问题是如何在两个div之间添加一些空格?

  <div name="qt" id="qt" style='width:50%;float:left;display:inline;overflow:auto;height:500px;border:1px solid #ccc;'> </div>
     <div id="data" name="data" style='overflow:auto;width:35%;height:500px;margin-left:0px;border:1px solid #ccc;'></div>

3 个答案:

答案 0 :(得分:12)

你可以添加css #qt {margin-right:10px;}

您可以更改所需的像素数。

答案 1 :(得分:2)

将第二个margin-left:0px上的<div/>更改为更高的值

答案 2 :(得分:1)

向左浮动第二个div,并将其margin-left更改为非零值,例如:

<div name="qt" id="qt" style='width:50%;float:left;display:inline;overflow:auto;height:500px;border:1px solid #ccc;'> </div>
 <div id="data" name="data" style='overflow:auto;width:35%;height:500px;margin-left:50px;border:1px solid #ccc; float: left;'></div>