2012-03-29 8 views
4

Ich habe ein Element in einer Seite, die mit TOP und LINKS css Stile absolut positioniert ist. Wenn es an einer negativen Position im linken oder oberen Bereich positioniert ist, ist das kein Problem. Wenn das Element jedoch an einer linken Position platziert wird, die größer als die innere Fensterbreite ist, werden Bildlaufleisten angezeigt.CSS - verhindern, dass absolut positioniertes Element von überlaufendem Körper

Gibt es eine Möglichkeit, dieses Element irgendwie daran zu hindern? Ich kann keinen Überlauf einstellen: versteckt; zu meinem Körperelement, da das mein Layout zerstören wird. Zum Beispiel wäre eine Eigenschaft wie overflow-parent:none; toll (aber leider existiert es nicht)

+1

Sie erwähnen Sie nicht 'Überlauf einstellen: hidden;' auf den Körper. Ich nehme an, der Grund ist, dass es vertikales Scrollen bricht? Haben Sie versucht, "overflow-x: hidden;" auf dem Körper? – shaunsantacruz

+0

Mit einem Beispielcode, wo wir es sehen konnten, konnten wir Ihnen noch mehr helfen. – HerrSerker

Antwort

5

Sie müssen mit verschachtelten divs arbeiten, die alle eine unterschiedliche Verantwortung haben:
Das äußerste setzt die Position mit links und rechts gleichzeitig. Die right:0 setzt es auf der rechten Seite.

Das innere div ist das echte Inhalts-div, das die Breite festlegt. Hier

ist eine Demo: http://jsfiddle.net/atnc3/44/

<div class="abs-position"> 
    <div class="abs-content"> 
     Absolut Vodka  
    </div> 
</div> 

.abs-position { 
    position:absolute; 
    right:0; 
    left: 300px; 
    overflow: hidden; 
} 
.abs-content { 
    width: 400px; 
} 
+1

Einstellung des Rechts: 0; und unten: 0; und den Inhalt in einen No-Width-No-Height-Container zu platzieren, reparierte es, danke! – laarsk

-1

Ich dachte, absolut positionierte Element nahm keinen Platz. Hast du ein "klares" Element?

Versuchen Sie, das Element als schnelle Überprüfung zu schweben? (Schwimmer: links);

+2

Welchen Effekt hätte Floating auf ein absolut positioniertes Element? Macht es tatsächlich Sinn, ein absolut positioniertes Element zu schweben? – laarsk

+0

@laarsk Es macht überhaupt keinen Sinn. float wird für ein absolut positioniertes Element ignoriert. – HerrSerker

Verwandte Themen