如何减少两个div之间的距离

Question

我创建了一个网站WDguideline.com，里面有很多div。问题是div如何比这个距离更远。
如何减少各部门之间的距离？
实时链接：CSS Basic Skill Tester

我的所有DIV CSS：

.qd1 {
width: 45%;
border: 1px solid #ccc;
margin: 5px;
float: left;
height: auto;

我的网站照片：

Answer 1

为什么不使用自举网格这是非常简单的方法。

xs （适用于手机 - 屏幕宽度小于768px） sm （适用于平板电脑 - 屏幕宽度等于或大于768px） md （对于小型笔记本电脑 - 屏幕宽度等于或大于992px） lg （适用于笔记本电脑和台式机 - 宽度等于或大于1200px的屏幕）。

在单行中包含12个网格（列方式）根据您的需要划分列。

将网格设置为4表示问题，2表示广告 这是代码

<div class="row">
  <div class="col-md-6">
    Question 1 
  </div>
  <div class="col-md-6">
    Question 2      
  </div>
</div>
<div class="row">
  <div class="col-md-6">
    Question 1 
  </div>
  <div class="col-md-6">
    Question 2      
  </div>
</div>

Check for more information 我希望它会对你有所帮助

Answer 2

通过检查您的网站，我可以在exam_style.css:566

中找到

.qd1 {
    width: 45%;
    border: 1px solid #ccc;
    margin: 5px;
    float: left;
    height: auto;
}

margin属性确定您在选择器之外需要多远的距离（在这种情况下为.qd1，这是您的div类）。

只需将margin设置为0（或低于5px的值），您就会看到您的div越来越接近。

现在，作为附注，当提供一个工作实例作为您的问题的示例时，最好使用JSFiddle，CodePen等工具。这样，当您的网站更改内容时，问题仍然会有参考（并且它最有可能多年来。）