• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Padding besser beim Elternteil oder beim Kind?

Zejo

Mitglied
Hallo ich möchte mal gerne von den Profis wissen, wie sie padding rechts und links vergeben, wenn ein Elternelement mehrere Kinder hat.

Beispiel:
<div id="eltern">
<p class="kind">Kind</p>
<p class="kind">Kind</p>
<p class="kind">Kind</p>
<p class="kind">Kind</p>
<p class="kind">Kind</p>
<p class="kind">Kind</p>
</div>

Setzt man hier besser das padding für die Kinder oder beim Elternteil. Also z.B.

Code:
#eltern {padding:  0 10px};
oder
Code:
.kind {padding:  0 10px;}

Danke für die Antworten.
 
Hallo ich möchte mal gerne von den Profis wissen, wie sie padding rechts und links vergeben, wenn ein Elternelement mehrere Kinder hat.

Beispiel:
<div id="eltern">
<p class="kind">Kind</p>
<p class="kind">Kind</p>
<p class="kind">Kind</p>
<p class="kind">Kind</p>
<p class="kind">Kind</p>
<p class="kind">Kind</p>
</div>

Setzt man hier besser das padding für die Kinder oder beim Elternteil. Also z.B.

Code:
#eltern {padding:  0 10px};
oder
Code:
.kind {padding:  0 10px;}

Danke für die Antworten.

Das kann man so pauschal nicht beantworten. Je nachdem was du damit vor hast, musst du anders entscheiden. Richtig ist beides.
Wenn du beispielsweise weißt, dass kein Child-Element weniger als 10px Padding Right/Left haben wird, kannst du es dem Elternelement zuweisen.
 
Hallo,

durch die fehlende Vererbung haben die beiden beschriebenen Möglichkeiten unterschiedliche Ergebnisse.

Wenn du beispielsweise weißt, dass kein Child-Element weniger als 10px Padding Right/Left haben wird, kannst du es dem Elternelement zuweisen.

Das ist meines Wissens nach falsch, da das padding nicht vererbt wird.

Gruss

MrMurphy
 
Hallo,

durch die fehlende Vererbung haben die beiden beschriebenen Möglichkeiten unterschiedliche Ergebnisse.



Das ist meines Wissens nach falsch, da das padding nicht vererbt wird.

Gruss

MrMurphy

Das war auch nicht so gemeint.
Bezieht sich eher auf das optische Ergebnis.
Eigentlich könnte man auch sagen:
Padding im Elternelement, Margin im Child.
 
Zuletzt bearbeitet:
Zurück
Oben