2016-08-04 15 views
1

In this example Das Div mit ID parent wird nicht auf die entsprechende Höhe skaliert. Dies wird behoben, wenn das letzte Element im übergeordneten div mit der Klasse c_b mit clear:both formatiert wird. Wenn jedoch nur das <a>-Tag mit der Klasse link mit clear:both gestylt wird, passiert nichts. Ich frage mich, warum clear:both scheint korrekt zu funktionieren, wenn das letzte Element ein div ist, aber nicht für Link-Elemente funktioniert.Gibt es einen Grund, warum das CSS "clear: both" nicht für <a> Tags funktioniert?

Dank

+1

[relevanten Spec Link] (https://www.w3.org/TR/CSS2/visuren.html#flow-control). – zzzzBov

Antwort

5

a ist ein Inline-Tag und ein div ist ein Block.

fügen Sie display: block als css zum a Tag hinzu.

edit:
Da dies immer einige upvotes hier, wie die CSS hinzuzufügen:

die CSS als style hinzufügen im a tag:
<a href="#yourlink" style="display: block;"> My link </a>

Oder indem es eine Zugabe Stylesheet vom -Tag verknüpft.

Verwandte Themen