Kann mir jemand sagen, warum der zweite "hier" -Link nicht funktioniert? - HTML, CSS, Hyperlink

Auf Dies Seite gibt es zwei "hier" Links in der gleichen Zeile und der zweite funktioniert nicht.

Mein CSS kann gefunden werden Hier. Ich bin mir nicht sicher, warum es anders ist als das "Header" -Div, weil die Links im Header-Div funktionieren, obwohl sie sich in derselben Zeile befinden.

Der spezifische Code in Frage kommt unten.

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>

Ich habe verschiedene Dinge ausprobiert wie display:inline-block oder verwenden span Tags, aber die meisten davon bringen das Format meiner Seite durcheinander.

Kann mir jemand helfen?

Antworten:

Weil das social id div ist über diesen Link. Sie müssen die Position auf diesem Twitter-Vogel ändern.

Fügen Sie der sozialen ID div den folgenden Stil hinzu:

#social {
z-index: -1;
}

Bitte überprüfen Sie Ihren CSS-Code

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

Reduzieren Sie Ihre Polsterung von padding-left:100px; und mach es left:80%;Es wird gut für dich sein

Verwenden Sie hierfür keine feste Position. Versuche dies.

    #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;
}