我的网站没有滚动，我该怎么办？

问题描述

我正在工作我的投资组合页面，并且在编写html和CSS时，网站没有滚动。我只在第一部分看不到代码。

这是html：

<navbar id="navbar">
          <a href="#" title=""><img id="logo" src="imagini/portfolio.png" alt="my portfolio" title="Bogdan's portfolio" /></a>
          <ul type="none" id="list">
              <a href="#" title=""><li>works</li></a>
              <a href="#" title=""><li>about</li></a>
              <a href="#" title=""><li>contact</li></a>

          </ul>


       </div>
       <section id="welcome-section">
          <h1>HI,I'M<br /> Pavel Bogdan Mihail</h1>
          <p>I make people get amazed by my works because I'm AWSOME!</p>

          <button type="button">GET IN TOUCH</button>

       </section>
       
       <section id="about">
        <h3>A little bit about me</h3>
        <p>Lorem ipsum dolor sit amet,consectetur adipiscing elit. Aenean mollis neque sed massa sollicitudin interdum. Pellentesque vel libero sollicitudin lectus sollicitudin consectetur. In dictum eu nisi id porta. Ut molestie luctus hendrerit. Nulla ac nisl sit amet urna molestie dictum. Phasellus et turpis aliquet dolor iaculis congue. Nulla eget ligula nibh. Maecenas vel aliquam quam,sit amet semper nibh. Sed consectetur malesuada mauris a posuere. Suspendisse semper,magna ac convallis faucibus,orci eros ultrices diam,ac porttitor enim sem eget lorem. Proin laoreet commodo arcu,nec lobortis felis dapibus quis. Aenean ut arcu mauris. Nunc tempus erat eu felis faucibus facilisis. Donec gravida ullamcorper dolor ac dapibus. Sed pellentesque dapibus neque,quis ornare purus tincidunt ac.</p>
         
       </section>

这是一个Codepen编辑：https://codepen.io/bogdan-pavel/pen/pobgWjg

解决方法

您的导航栏缺少结束标记。如果您在完成导航栏后投放</navbar>广告，其余的都会滚动。

,

尝试一下：

<navbar id="navbar">
          <a href="#" title=""><img id="logo" src="imagini/portfolio.png" alt="my portfolio" title="Bogdan's portfolio" /></a>
          <ul type="none" id="list">
              <a href="#" title=""><li>works</li></a>
              <a href="#" title=""><li>about</li></a>
              <a href="#" title=""><li>contact</li></a>

          </ul>


       </div>
       <section id="welcome-section">
          <h1>HI,I'M<br /> Pavel Bogdan Mihail</h1>
          <p>I make people get amazed by my works because I'm AWSOME!</p>

          <button type="button">GET IN TOUCH</button>

       </section>
       
       <section id="about">
        <h3>A little bit about me</h3>
        <p>Lorem ipsum dolor sit amet,consectetur adipiscing elit. Aenean mollis neque sed massa sollicitudin interdum. Pellentesque vel libero sollicitudin lectus sollicitudin consectetur. In dictum eu nisi id porta. Ut molestie luctus hendrerit. Nulla ac nisl sit amet urna molestie dictum. Phasellus et turpis aliquet dolor iaculis congue. Nulla eget ligula nibh. Maecenas vel aliquam quam,sit amet semper nibh. Sed consectetur malesuada mauris a posuere. Suspendisse semper,magna ac convallis faucibus,orci eros ultrices diam,ac porttitor enim sem eget lorem. Proin laoreet commodo arcu,nec lobortis felis dapibus quis. Aenean ut arcu mauris. Nunc tempus erat eu felis faucibus facilisis. Donec gravida ullamcorper dolor ac dapibus. Sed pellentesque dapibus neque,quis ornare purus tincidunt ac.</p>
         
       </section>
<navbar>