Question

这个问题完全是从头开始编辑的。新的不知道如何第一时间问。

所以这是一个更简单的解释。我的CSS导致我的两个div在页面上分开。仅当代码设置为块而不是表时才会发生这种情况。这是唯一有这个问题的div。不确定问题是直接的还是遗传的。如有必要，可以发布完整的代码和HTML。

将表格设置为表格可以修复间距，但会破坏我的响应式图像代码。

感谢您的任何建议。

以下是问题的CSS：

#wrapper  {
max-width: 1190px;
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
background : #A8884D;
}

#content {
width : 80%;
margin-top: -20px;   /* This is my work around.*/
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
border-right:  1px solid black; 
border-left: 1px solid black;
background : #A8884D;
}

.center_text{
max-width: 700px;
display: block;     /* This is the troublesome line*/
margin-top: 0px;
margin-bottom: 0px;
margin-right: auto;
margin-left: auto;
}

这是受影响的html布局结构：包装器是主要的父级。标题，导航栏和内容位于父级内部，类center_text位于内容div内。

<div id="wrapper">
<div id="header_logo">Logo Here</div>
<div id="navbar">CSS menu here</div>
<div id="content">
    <div class="center_text"></div>
 </div> 
 </div>

内容div是脱离header_logo div的那个。

谢谢你，希望这是一个更好的解释。

Answer 1

我发布了自己对上述问题的回答。

老实说，我不能说原始问题是什么，但当我从基于div的布局改为HTML5布局代码时，只需更改它就可以解决问题。

我试图找到两个div之间的间距问题的解决方案

1 个答案: