Links Align Label - Right Align Auswahlelement (CSS)

8

Ich habe ein Formularlayout, bei dem das Label linksbündig und das Formularsteuerelement rechtsbündig angezeigt werden soll. Ich habe versucht, es mit einem Float zu arbeiten: direkt auf dem Formular-Steuerelement (in diesem Fall a) und dann die Clearfix-Klasse anwenden, aber der Clearfix scheint nicht auf meiner Auswahlbox zu arbeiten.

Stimmt hier etwas nicht oder wird nicht erwartet, dass Clearfix auf einem ausgewählten Element funktioniert?

Wenn ich dies jedoch tue, erstreckt sich das Auswahlfeld immer noch außerhalb des unteren Bereichs des enthaltenden div.

Mein Code:

%Vor%     
Barbs 07.12.2011, 22:48
quelle

2 Antworten

4

Wenn das Element select das Größte ist, warum nicht das Label schweben lassen? Sie können die Gelegenheit auch nutzen, um es tatsächlich zu einem Label zu machen, anstatt nur etwas Text in einem div . Hier ist das CSS:

%Vor%

Hier ist der HTML-Code:

%Vor%

Hier ist die Demo .

    
robertc 08.12.2011, 00:37
quelle
0

Da Sie das select-Element schweben lassen, wirkt sich dies nicht mehr auf die Höhe des enthaltenen div aus. Versuchen Sie, dem umschließenden Element eine Auffüllung hinzuzufügen: Ссылка (hat auch eine relative Positionierung zur Auswahl hinzugefügt)

    
ptriek 07.12.2011 22:54
quelle

Tags und Links