Html 如何使新的部分立即低于前一部分?
请看这一页: 以下是html:Html 如何使新的部分立即低于前一部分?,html,css,Html,Css,请看这一页: 以下是html: <!doctype html> <html> <head> </head> <body> <header> <nav> <ul> <li><a href="#info">Info</a></li> <li><a href="#portfolio">Portfoli
<!doctype html>
<html>
<head>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#info">Info</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
</header>
<section id="info">
<p class="info">
<br>
<br>
<br>
My name is Abdulah Hamzic. I am a beginner front-end web developer with not a lot of experience, but passionate about web-development and ready to learn new things everyday. I have completed the <a href="https://www.coursera.org/account/accomplishments/certificate/A5QYJS26WJ4E" target="_blank"><i>HTML, CSS and JavaScript</i></a> course by the Hong Kong University of Science and Technology and I'm currently doing the University of Michigan <a href="https://www.coursera.org/specializations/web-design" target="_blank"><i>Web Design for Everybody</i></a> specialization, plus the <a href="http://freecodecamp.com/" target="_blank">Free Code Camp</a> path. I haven't built many projects, but you can check some of my first pens here on CodePen below.
</p>
<img id="myself" src="https://scontent-fra3-1.cdninstagram.com/t51.2885-15/e15/10453774_522901187836495_1728850695_n.jpg"/>
</section>
<section id="portfolio">
<h3>This is my portfolio:
</h3>
<img src="">
</section>
</body>
</html>
我叫阿卜杜拉·哈姆齐奇。我是一名新手,前端web开发人员,经验不多,但对web开发充满热情,并准备每天学习新东西。我已经完成了香港理工大学的课程,我目前正在密歇根大学专业化,加上这条路。我没有建立很多项目,但你可以在下面的CodePen上查看我的一些第一笔。
这是我的投资组合:
有没有办法使第二部分(#公文包)直接位于前一部分(#信息)的下方,而不是位于导航栏所在页面的顶部?任何人都请帮忙 不要像Paulie_D说的那样使用位置:绝对
这是代码笔的工作原理:在这种情况下,虽然
位置:绝对值
是问题的一部分,但您链接的引导程序正在为标题添加边距
我建议您要么使用引导布局方法和类,要么覆盖标题边距
.h1, .h2, .h3, h1, h2, h3 {
margin-top: 0px;
margin-bottom: 0px;
}
我建议采用前者
当然……不要使用
位置:绝对值
。简单。我没有使用位置:绝对值,但确实是……在#info div.Ayo上。谢谢,伙计,我很感激:)所以,基本上,如果一个元素被定位为绝对值,那么后面的其他元素将被放置在与它相同的位置上?也谢谢你:)