Question

我没有创建的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>

Answer 1

尝试更改HTML文档类型：

发件人：

<doctype html>

要

<!doctype html>

我在您的网站上发现，如果您调整窗口大小，该文档将自行修复。 Github 就此问题提出了一个问题，结果证明是doctype以及jQuery等版本的问题。

fp-section向下推动元素

1 个答案: