下面两个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>
答案 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>