0
這是一個基本問題。我想了解爲什麼我的基本頁面中的HTML元素的行爲方式如果有人可以幫助我。爲什麼我的頭包含在另一個div內？ （2個部分不堆疊）
這裏是我的代碼
<body>
<div id="wrapper">
<header>
<a id="logo" href="#">Evolvefitnesscoaching</a>
<nav>
<ul class="nav">
<li><a href="#">Blogue</a></li>
<li><a href="#">Une Question?</a></li>
</ul>
</nav>
</header>
<section id="slider">
<div id="cta">
<h2>Perdre du poids, une habitude à la fois!</h2>
<h3>Changez votre corps et votre vie, avec un coaching personnalisé par des
professionnels de la perte de poids et de l’activité physique.</h3>
</div>
</section>
<section id="apropos">
<h1>Avec evolvefitness, blah blah blah</h1>
</section>
</div>
這裏是我的CSS
body {
margin: 0px;
}
header {
width: 100%;
height: 80px;
position:absolute;
background-color: darkgrey;
}
nav {
width: 250px;
height: 100%;
position: relative;
background-color: cyan;
float: right;
}
.nav {
list-style: none;
}
.nav li {
display: inline;
margin-right: 10px;
}
.nav li a {
text-decoration: none;
color: white;
font-size:1.1em;
}
.nav li a:hover {
color:black;
}
#logo {
}
#slider {
display: block;
background-color: yellow;
width:100%;
height:700px;
}
#cta {
margin-top:px;
width: 500px;
height: 300px;
background-color: aquamarine;
}
#apropos {
width:100%;
height:300px;
text-align:center;
}
現在，我不明白的是，部分#slider是不是在按照方框，頭部分，但實際上在下面（我的意思是頭部包含在#slider部分內），據我所知，應該在它之上，就好像2個塊疊加在另一個上面一樣。
這是怎麼回事？一個叫做apropos的行爲就像我期待它行爲一樣，即它位於#slider部分之下（塊堆疊）。但#slider部分的行爲並不像我期望的那樣，要麼是因爲我不太瞭解，要麼是因爲某些事情不對。因此，當我在滑塊部分（#cta）內添加另一個div時，它會在文檔的正文和頂部之間添加一個頁邊距。
非常基本的問題，但我剛開始出來，如果有人可以幫助我：\
謝謝！
向我們展示您的css –
對不起，我編輯了現在的CSS！ – oehaut
你也有你的包裝在錯誤的地方，你應該把它放在你的部分 –