Hallo,
ich suche gerade nach einer Möglichkeit, die Höhe von Elternelementen an die Höhe der Kindelemente anzupassen. Mein aktuelles Beispiel bezieht sich auf Links (<a>) in Listenelementen (<li>). Ein padding oder margin beim Kindelement, wird offensichtlich nicht vom Elternelement berücksichtigt. Ist es möglich so etwas zu erzwingen?
Hier ein Beispiel:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
li {
border: 1px solid yellow;
}
a {
padding: 10px;
border: 1px solid red;
}
</style>
</head>
<body>
<ul id="Navigation">
<li>
<a>Navi1</a>
</li>
<li>
<a>Navi2</a>
</li>
</ul>
</body>
</html>
Ist es möglich, die Höhe der <li> Elternelemente so anzupassen, dass auch das padding der <a> Kindelemente berücksichtigt wird.
Vielen Dank demjenigen, der mir das erklären kann.
MfG,
Oinosseus