爲什麼我的錨定鏈接不能到正確的位置？

我的導航欄正確鏈接到我的「工作」部分，但是如果我在導航欄上單擊「關於」，它會下降到「約」h2上方約300px。我覺得這可能與職位，展示有關？如果我添加爲什麼我的錨定鏈接不能到正確的位置？

#about{ 
    margin-top: 360px 
}

雖然這似乎是與我的建設一個更大的問題，一個貧窮的補丁，我可以得到的關於固定鏈接正確地去了約一節。我試過做很多不同的事情，但我一直以我的工作結束，關於，並且聯繫部分開始重疊到彼此之中，我也無法理解。 divs似乎不能正確堆疊或者其他東西。任何幫助是極大的讚賞。

http://wrobbins.me是該網站。謝謝。

來源

2013-01-14 user1770019

爲什麼你不能使用'position：relative'？ – 2013-01-14 01:56:49

那麼，我的'頂'div是位置：固定，之後是一個包含主要部分，工作，關於，聯繫的主包。 mainwrap設置爲相對，然後頂部：43px;所以它不會遇到43px高頂格。在那之後，我希望所有部分都能夠落實到位，我很困惑他們爲什麼不這樣做。我嘗試添加位置：相對於一些div，並沒有好運氣。 – user1770019

網站不工作 – samayo

該鏈接完全將您帶到about元素所在的位置，只是元素中的文本被上面的塊中的job元素推下。

問題是jobwrap元素。裏面的浮動元素不會影響它的大小，所以它的高度爲零。

將overflow:hidden添加到#jobwrap樣式中，它將包含其子元素，並且about元素將從其下方開始。

來源

2013-01-14 02:20:48 Guffa

'#jobwrap {overflow：hidden;}'會在右側剪切陰影。這可以通過另一個clearfix方法（如[this]（http://nicolas.gallagher.com/micro-clearfix-hack/））或通過使#jobwrap塊變寬幾個像素來解決。 – antejan

當你使用浮動，你應該「清除」它的父母或塊你想在下面。現在，您的#jobwrap塊的高度爲零，並且#about位置存在問題。使用#about{cloar:both;}作爲修補程序，並閱讀有關浮動和clearfix的更多信息。

來源

2013-01-14 02:12:52 antejan

爲什麼我的錨定鏈接不能到正確的位置？

回答

相關問題