2010-08-18 67 views
4

下面的两个div显示一个紧挨着另一个,其内容动态填充,数据在这两个div中都很长。在divs之间应用空格

我的问题是如何在两个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> 

回答

11

你可以在CSS #qt {margin-right:10px;}

添加你可以改变你想要的像素数。

2

二号<div/>变化margin-left:0px到更大的价值

+0

都不行 - 尝试。 – 2010-08-18 11:55:05

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>