我正在研究單頁網頁設計,我想使用hrefs和#來鏈接同一個存檔中的不同位置,所需的功能是在點擊時移動到鏈接位置,這樣做但是,只有當我浮動左A,B divs, 我不明白這一點,A和B的divs已包含其他的東西,但如果我不把浮動:留在CSS中,鏈接不工作。這是爲什麼?div定位,奇數行爲
#A,
#B {
float: left;
}
.cont1 {
width: 100%;
height: 1500px;
background-color: #2077a5;
float: left;
}
<div id="nav">
<ul>
<li><a href="#A">About</a>
</li>
<li><a href="#B">Portfolio</a>
</li>
</ul>
</div>
<div id="A">
<div id="about" class="cont1">
About page content goes here.
</div>
</div>
<div id="B">
<div id="portfolio" class="cont1">
Portfolio page content goes here.
</div>
</div>
編輯:哇,這是一些快速的解答,非常感謝,我想我不理解,我的問題是,爲什麼,如果我不設置任何風格的A和B的div鏈接不工作,他們不通過被定義風格的div容器自動擴展一個定位?
如果你把浮動:留給divs,實習生錨定href =「#...」不再讓你感覺。只要刪除漂浮物 –