Warum können Floated-Elemente ihre linken und rechten Ränder nicht setzen?

8

In einem Wrapper-Div scheinen die Floated-Elemente nicht auf die Einstellungen für den linken und rechten Rand zu reagieren. Beispiel:

html:

%Vor%

css:

%Vor%

Der # Inhalt ignoriert die Einstellung für den linken Rand. Warum?

    
dave 08.01.2011, 01:19
quelle

2 Antworten

18

Ränder verschieben nicht floated Elemente, sie "schieben Inhalt weg".

Wenn Sie das floated-Element verschieben möchten, können Sie ihm die folgenden CSS-Regeln geben:

%Vor%

Eine Alternative ist, dem Element einen transparenten Rahmen zu geben:

%Vor%

Wenn Sie nur ein div innerhalb eines anderen div positionieren möchten, verwenden Sie absolute Positionierung:

%Vor%     
Marcus Whybrow 08.01.2011, 01:22
quelle
1

@ Marcus 'Antwort ist gut. Eine andere Möglichkeit, Ränder mit einem floated-Element zu fälschen, besteht darin, den Inhalt in einen anderen Container einzufügen und padding zu verwenden:

%Vor%     
Jacob 08.01.2011 01:59
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset So bearbeiten Sie ein Array IN PARALLEL