在调整大小时，div高于另一个

-1

这可能是一个简单的解决方法，但我似乎无法弄清楚什么是错的。我删除了没有必要的所有内容，希望代码不会太难读取。在调整大小时，div高于另一个

基本上，当您向下缩放页面时，宽度方向上，页脚（联系人）与其上方的div重叠。在Code Pen上它已经重叠。

HTML：

<div class="library library-row specialties"> 
     <div class="container"> 
      <div class="desc"> 
       <h1>Our Specialties<br/></h3> 
       <p> 
        Everything we can do for you 
       </p> 
      </div> 
      <div class="row row-images"> 
       <div class="col-sm-4"> 
        <i class="fa fa-database" aria-hidden="true"></i> 
        <h4>Databases</h4> 
       </div> 
       <div class="col-sm-4"> 
        <i class="fa fa-server" aria-hidden="true"></i> 
        <h4>Servers</h4> 
       </div> 
       <div class="col-sm-4"> 
        <i class="fa fa-cloud" aria-hidden="true"></i> 
        <h4>Cloud Integration</h4> 
       </div> 
      </div> 
     </div> 
    </div> 

    <div class="footer library library-row"> 
     <div class="container"> 
      <div class="accounts"> 
       <i> 
        <a href="#" class="fa alt fa-facebook"></a> 
        <a href="#" class="fa alt fa-twitter"></a> 
        <a href="#" class="fa alt fa-instagram"></a> 
        <a href="#" class="fa alt fa-github"></a> 
        <a href="#" class="fa alt fa-envelope"></a> 
       </i> 
      </div> 
     </div> 
    </div>

CSS：（我无法在粘贴，抱歉，但请从典笔明白）

典笔：Click Here

再次，抱歉如果这是一个基本的修复。我试过了，但我不确定它有什么问题。

来源

2016-10-02 Coler234

有一些CSS被应用于.specialties，它正在修复该div的高度。页脚放置在div下方，但.specialties div中的内容在div外部垂直溢出，因此内容在页脚下方和下方呈现。

删除此高度：100vh; CSS，你可以看到为什么会发生这种情况。可能需要重构，如果你能解释设计意图，我很乐意提供帮助。

.specialties { 
    height: 100vh; 
}

来源

2016-10-02 02:00:33 patrickhawley

在调整大小时，div高于另一个

回答

相关问题