So richten Sie eine feste Position div innerhalb eines div aus

8

Mein Code ist so.

%Vor%

CSS:

%Vor%

Das innere div, das standardmäßig links positioniert ist, muss rechts neben dem äußeren div und nicht auf der Seite positioniert sein.

Wenn ich es erwähne, um richtig zu sein: 0px; es macht es, um die 0px von den Browsern rechts nicht die äußeren divs rechts zu tun.

HINWEIS: mein äußeres div ist nicht feste Breite. Es passt sich der Bildschirmauflösung an. Es ist responsive Website-Design.

    
Ravish Kumar 01.03.2013, 09:49
quelle

5 Antworten

9

Sie könnten einen Container div:

verwenden %Vor%

Verwenden Sie dann das, um das float zu behandeln, und machen Sie sein untergeordnetes position: fixed

%Vor%     
Twon-ha 01.03.2013, 10:29
quelle
7

Warum verwenden Sie nicht position:absolute

?

position:fixed immer relativ zum Browser

%Vor%

DEMO

Wenn position:fixed obligatorisch ist, können Sie den Wert margin-left zuweisen, da Sie fixed für beide divs verwenden.

%Vor%

DEMO 2

    
Sowmya 01.03.2013 09:51
quelle
2

Zwei Optionen. Schweben Sie einfach das innere Div nach rechts oder verwenden Sie absolute Positionierung, um es zu erreichen.

Für Floating einfach gesetzt Float: direkt am inneren DIV und Overflow: versteckt am äußeren DIV.

Für die absolute Positionierung setzen Sie einfach Position: relativ zum äußeren DIV und setzen Position: absolut und rechts: 0 oben: 0 am inneren DIV.

    
Billy Moat 01.03.2013 09:53
quelle
1

Wenn Sie das Element .inner als fest positioniertes Element definieren und die anderen Elemente in .outer als "scrollbar" belassen möchten, empfehle ich Ihnen, .inner position als absolut positioniertes Element. Erstellen Sie danach einen neuen Wrapper mit overflow:auto :

%Vor%

Hier ist eine Demo: Ссылка

    
Taufik Nurrohman 01.03.2013 10:20
quelle
1

Ich denke, das ist was du willst

%Vor%     
AAZ 19.11.2014 10:41
quelle

Tags und Links