2番目の「ここ」リンクが機能しない理由を誰かに教えてもらえますか？ -html、css、ハイパーリンク

に この ページには同じ行に2つの「ここ」リンクがあり、2番目は機能しません。

私のCSSは見つけることができます ここに。ヘッダーdiv内のリンクは同じ行にある場合でも機能するため、「ヘッダー」divと異なる理由がわかりません。

問題の特定のコードは以下に掲載されています。

CSS

#body {
line-height:1.5em;
width:700px;
margin:auto;
overflow-x: hidden;
padding:12.5px;
color:#4e443c;
font-size:16px;
font-family:"Courier";
text-align:left;
}

HTML

 <div id="body">
<h3>Logger</h3>
Logger is a java library that allows you to log to a log file easily. <a href="Logger.jar">Download</a> <span> the .jar file and then add it to your build path.
For Eclipse instructions see <a href="http://stackoverflow.com/a/2727723">here</a>.
For command-line instructions see <a href="http://stackoverflow.com/a/2096298">here</a>.
Then add the code <i>Logger log = new Logger();</i> to your class to initialize the logger and then you can use either <i>log.log(String);</i> or <i>log.logAndPrint(String);</i> to print to the log.
The <i>logAndPrint</i> method prints to the console as well as the log file while the <i>log</i> method only prints to the file.
Below is an example driver program. <br>
<script src="http://gist-it.appspot.com/https://github.com/dummycode/Logger/blob/master/Example.java?footer=0">
</script>
<a href="/p">Back</a>
</div>

私は次のようなさまざまなことを試しました display:inline-block または span タグが、これらのほとんどは私のページのフォーマットを台無しにします。

誰か助けてくれますか？

回答：

なぜなら social iddivはそのリンク上にあります。 そのツイッターの鳥の位置を変更する必要があります。

次のスタイルをソーシャルIDdivに追加します。

#social {
z-index: -1;
}

CSSコードを確認してください

#social {
position:fixed;
width:70px;
height:130px;
left:80%;
padding-left:100px;
margin: 0px auto;
}

のパディングを減らす padding-left:100px; それを作る left:80%;、それはあなたにとって大丈夫でしょう

このために固定された位置を使用しないでください。これを試して。

    #body {
line-height: 1.5em;
width: 700px;
margin: auto;
overflow-x: hidden;
padding: 12.5px;
color: #4e443c;
font-size: 16px;
font-family: "Courier";
text-align: left;
float: left;
}
#social {
width: 70px;
height: 130px;
margin: 0px auto;
float: left;
}