編集：HTMLアンカータグがクレイジーになった、いくつかのガイドラインが必要

Question

ここでは何が起こっているのか分かりません。問題は、私はHTML.theメニューのメニューに実際にアンカータグが含まれているが、いくつかのリンクが動作していて、他はクリック可能ではないということです。どんな助けもありがとう。 jugをありがとう

PS：私はすべてのページで同じディレクトリを持っていますが、一部は動作していますが、他のものは動作しません。

これはメニュー用のコードです。

<ul> 
    <li><a href="index.php">Home</a></li> 
    <li><a href="about.php">About</a></li> 
    <li><a href="services.php">Services</a></li> 
    <li><a href="menu.php">Menu</a></li> 
    <li><a href="price.php">Price</a></li> 
    <li><a href="contact.php">Contact</a></li> 
</ul> 

私が「ABOUT」または「SERVICES」ページに行くと、アンカータグが機能しないため、どこにも行けません。メニュー

#menu 
{ 
    background-color:brown; 
    width:100%; 
    height:auto; 
    float:left; 
    clear:both; 
} 
#menu ul { 
    list-style: none; 
    padding: 0px; 
    //margin-left:auto; 
    width:900px; 
} 

#menu li { 
    list-style: none; 
    padding: 0px; 
    display: inline; 

} 

#menu a { 
    float: left; 
    width: 150px; 
    height: 40px; 
    display: block; 
    text-align: center; 
    text-decoration: none; 
    color: #ffffff; 
    font-weight: bold; 
    padding-top: 17px; 
    font-size: 15px; 
} 

#menu a:hover{ 
    color:#BAD1F3; 
} 

Answer 1

"サービス"と "会社概要"ページの見出しには、リンクが重なるパディングがあります。見出しからposition: relative;を削除すると、リンクを再度クリックできるようになります。

Answer 2

メニューは、以下の要素によって浮かべと重なっているため

これは私のCSSです。 overflow: hidden;を#containerに追加すると、フロートがクリアされます。