如何解决我的网站没有滚动,我该怎么办?
我正在工作我的投资组合页面,并且在编写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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。