两个 Div 之间的 CSS 水平空间问题

Question

对于 top-feature-faq 和 mid-feature-faq，两个 div 之间的宽度过大。

这是它的 CSS:在这个例子中，top-feature-faq 有 position:relative

#top-feature-faq 
{
height:330px;
width: 800px;
margin: 12px 0 0 17px;
background: red;
position: relative;
overflow:hidden;
text-align: left;
}
#mid-feature-faq
{
margin:350px 0 0 17px;
width:800px;
height:318px;
background-color:Olive;
position:relative;
overflow:hidden;
clear: both;
}

<div id="top-feature-faq">
    <div style="clear: both;">
    </div>
</div>
<<div id="mid-feature-faq">
    <div style="clear: both;">
    </div>
</div>

Answer 1

简单。您在有问题的页面上的容器之间有一个清除 div。这意味着 350px 的上边距从 clearing div 开始，而不是容器的顶部。

删除:

<div style="clear: both;"></div>

在 top-feature-faq 和 mid-feature-faq 之间或更改 mid-feature-faq 的上边距。