fp-section向下推动元素

问题描述 投票:-2回答:1

我没有创建的div,但是在查看源代码时可以查看,在我的单页滚动条中向下推动我的元素。我试图去除高度,但整个页面变成混乱,所以可能它有一个重要的功能。

如何在不破坏页面的情况下删除它的高度?

在这里你可以看到div的类名。

            
          <div class="section fp-section fp-table active fp-completely" id="section1" data-anchor="page1"       style="height: 2491px;"><div class="fp-tableCell" style="height:2491px;">
          <div class="overlayer">
            
          <!-- This code above is inside my html but without the fp- section
          fp-table active fp-completely with a height of 2491.
          -->
            
          </div>
          <!-- Content wrapper inside the landings section -->
          
            <div class="content-wrapper">
              <div class="content">
                <h1 class="h1dif"> Dif Report </h1><br>
                <p class="pland"> Quest for innovators<br> with bright ideas. </p><br>
                <a href=""><img class="badge1" src="Content website/androidBadge.png" width="150px" height="60x"></a>
                <a href=""><img class="badge2" src="Content website/appleBadge.png" width="130px" height="40x"></a>           
              </div>
            <div class="mockups">
              <img class="mockpic" src="Content website/mockups.png">
            </div>
          </div>
          
          <!-- Right Dot Navigation -->
          <div class="dotstyle-scaleup">
            <ul>
              <li class="current1"><a href="#page1"></a></li>
              <li><a href="#page2"></a></li>
              <li><a href="#page3"></a></li>
              <li><a href="#page4"></a></li>
              <li><a href="#page5"></a></li>
            </ul>
          </div>
        </div></div>
          <!-- Content wrapper inside the landings section -->
          
            <div class="content-wrapper">
              <div class="content">
                <h1 class="h1dif"> Dif Report </h1><br>
                <p class="pland"> Quest for innovators<br> with bright ideas. </p><br>
                <a href=""><img class="badge1" src="Content website/androidBadge.png" width="150px" height="60x"></a>
                <a href=""><img class="badge2" src="Content website/appleBadge.png" width="130px" height="40x"></a>           
              </div>
            <div class="mockups">
              <img class="mockpic" src="Content website/mockups.png">
            </div>
          </div>
          
          <!-- Right Dot Navigation -->
          <div class="dotstyle-scaleup">
            <ul>
              <li class="current1"><a href="#page1"></a></li>
              <li><a href="#page2"></a></li>
              <li><a href="#page3"></a></li>
              <li><a href="#page4"></a></li>
              <li><a href="#page5"></a></li>
            </ul>
          </div>
        </div></div>
            <div class="content-wrapper">
              <div class="content">
                <h1 class="h1dif"> Dif Report </h1></br>
                <p class="pland"> Quest for innovators<br> with bright ideas. </p><br>
                <a href="" ><img class="badge1" src="Content website/androidBadge.png" width="150px" height="60x"></a>
                <a href=""><img class="badge2" src="Content website/appleBadge.png" width="130px" height="40x"></a>           
              </div>
            <div class="mockups">
              <img class="mockpic" src="Content website/mockups.png">
            </div>
          </div>
          
          <!-- Right Dot Navigation -->
          <div class="dotstyle-scaleup">
            <ul>
              <li class="current1"><a href="#page1"></a></li>
              <li><a href="#page2"></a></li>
              <li><a href="#page3"></a></li>
              <li><a href="#page4"></a></li>
              <li><a href="#page5"></a></li>
            </ul>
          </div>
        </div>
html css
1个回答
0
投票

尝试更改HTML文档类型:

从:

<doctype html>

至:

<!doctype html>

我注意到在您的网站上,如果您调整窗口大小,该文档将自行修复。 Github提出了一个关于此事的问题,结果证明它是doctype以及jQuery等版本的问题。

© www.soinside.com 2019 - 2024. All rights reserved.