如何拉近两者之间的距离div

Question

我创建了一个站点WDguideline.com，里面有很多div。问题是 div 将如何比这个距离更远。
如何减少 divisions 之间的距离？
直播 link : CSS Basic Skill Tester

我的全部DIVCSS:

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

我的网站照片：

Answer 1

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

中找到这个

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

margin 属性决定了您想要在选择器之外的距离（.qd1 在这种情况下，这是您的 div 的 class).

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

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

Answer 2

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

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

单行包含 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 希望对你有所帮助

如何拉近两者之间的距离div

How to reduce the distance between the two div

html

css

margin

padding