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.
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.
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
:
Hier ist eine Demo: Ссылка