html5 und css link interferance

Question

Hallo ich bin ein Anfänger bei diesem im herumspielen versucht, eine kleine Website mit HTML und CSS zu bauen. Ich habe ein Problem, wo ich auf meiner Seite auf der linken Seite meine Links zu externen Seiten habe. und in der Mitte meiner Seite habe ich einen Absatz in einem Abschnitt, aber dieser Absatz scheint mit meinen Links zu interferieren. Einige der Links lassen mich nicht darauf klicken.

das ist mein CSS kann jemand mir sagen, was ich hier falsch mache?

/*

*/

body {

color: white;

Hintergrundfarbe: schwarz;

Schriftfamilie: Verdana, Genf, serifenlos;

}

header {

Grenze: 5px solide blau;

}

Tabelle, th, td {

border: 1px solid weiß;

}

section {

font-family: Arial;

Schriftgröße: 15px;

Textausrichtung: Mitte;

Polsterung: 70px;

links: 0;

Rand: automatisch;

Rand oben: -100px;

Position: absolut;

oben: 50%;

Breite: 100%;

}

nav ul {

padding: 15 Pixel;

Zeilenhöhe: 3em;

Listenart-Typ: keine;

}

nav ul li a {

color: white;

Farbe: rgba (255, 255, 255, 0.5);

Text-Dekoration: keine;

}

nav ul li: hover {

list-style-image: url (download.png);

}

nav ul li a: Hover {

Farbe: RGBA (255, 255, 255, 1);

}

Answer 1

http://codepen.io/davidatthepark/pen/jVLNbv?editors=1100

überprüfen meinen Link oben heraus. Ich lege die Grenzen rein, damit du dir vorstellen kannst, was vor sich geht. Ich bin sicher, du hast es schon erraten, aber die section hat die nav abgedeckt. Eine gute Möglichkeit, Elemente nebeneinander zu platzieren, ist die Verwendung von display: inline-block. Stellen Sie sicher, dass Sie den display Selektor nachschlagen, da dies für das Schreiben von CSS entscheidend ist. Alles, was ich tat, war die Breite der nav 30%, die section zu 65%, so dass sie nicht über 100% fließen, und dann geben Sie beide display: inline-block. Hoffnung, die Sinn macht!