Positioniert viele Inhaltsblöcke mit Position: relative schlampige Codierung?

Question

Ich finde viele divs, Bilder und Inhalte im Allgemeinen mit Position: relativ zu dem Design, dem ich folge. muß

.form_class{ 
    position:relative; 
    bottom:150px; 
} 

Da das Element hält seine Position im Fluss, dann würde ich jedes weiteres Element setzen:

Zum Beispiel, wenn ich eine Form näher an die Spitze stellen will ich würde setzen in ab 150px mit Position: relativ, um die Lücke geschlossen zu halten.

Ich habe das Gefühl, das ist schlampige Programmierung, wie positionieren echte Webintegratoren ihre Elemente?

Vielen Dank im Voraus.

Answer 1

Es gibt ein mögliches Problem mit relativer Positionierung.

Wenn Sie die relative Positionierung verwenden, um ein Problem mit einer Lücke zu umgehen, ist das Problem immer noch im Hintergrund vorhanden. Wenn die Lücke zum Beispiel von einer Marge kommt, dann ist die Marge immer noch da. Wenn Sie nicht wissen, woher die Marge kommt, wissen Sie nicht, ob es in allen Browsern gleich ist, und Sie wissen nicht, ob scheinbar unzusammenhängende Änderungen am Markup die Marge ändern könnten.

Wie Sie bereits erwähnt haben, verschieben Sie nur die Lücke vom oberen Ende des Elements zum unteren Ende des Elements, sodass Sie alle folgenden Elemente anpassen müssen. Mit jeder Anpassung fügen Sie möglicherweise eine weitere Sicherheitsstufe hinzu, bei der das Layout in einem anderen Browser möglicherweise beschädigt wird.

Die meisten Browser verfügen über ein Entwicklerwerkzeug, mit dem Sie ein Element untersuchen können, um genau zu sehen, welche CSS auf das Element angewendet wurde und welche Ränder und Abstände es gibt. Sie können das verwenden, um herauszufinden, wo Lücken entstehen, so dass Sie sie an der Quelle entfernen können, anstatt sie zu umgehen.

Answer 2

Es gibt viele Möglichkeiten zum Positionieren von Elementen, von Rändern und Paddings, absoluten Positionierungen, Floats, übergeordneten Containern, expliziten Breiten und Höhen. Ohne Ihr Markup zu sehen, ist es schwer zu kritisieren, aber normalerweise gibt es bessere Möglichkeiten als die relative Positionierung. Wenn Sie ein Markup veröffentlichen möchten, versuchen Sie http://jsfiddle.net