css position:fixed overflow:auto

Ich möchte ein div am unteren Rand der Seite, und legen Sie die Breite auf 960px, in der Mitte der Seite, die min distence an den linken Rand ist 170px. das ist mein code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
</head>
<style type="text/css">
body{width:100%;height:100%;}
*{padding:0;margin:0;}
#wrap{position:fixed;margin:0 auto;margin-left:170px;width:960px;overflow:auto;bottom:0;height:100px;}
</style>
<body>
<div id="wrap">
test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test&nbsp;test
</div>
</body>
</html>

Aber wenn der Bildschirm Breite ist 1024, der div#wrap hat keine scroll-und der Rechte Teil wird nicht angezeigt. Wie kann ich es beheben?

InformationsquelleAutor yuli chika | 2011-01-13

  1. 2

    Ich glaube, ich verstehe die Frage, aber ich bin mir immer noch nicht klar, was Sie versuchen zu bauen.

    Sollten Sie ändern

    position : fixed;

    :

    position : absolute;

    Dies behebt Ihre scrolling-Probleme.

    . . .

    *Anmerkung: ich denken auch, dass Sie können entfernen Sie die

    overflow: auto;

    Auch ändern:

    body{ width:100%;height:100%; }

    :

    html, body{ 
    width:100%; 
    min-height: 100%;
    height: auto !important;        
    height:100%; 
}
    Getestet habe ich es hier: jsfiddle.net/8cxmD und es erscheint nicht in der Mitte der Seite.
    Mein Aktueller Bearbeiten mit dem html-und body-CSS....
    sorry für ich ein Mittagessen, ich sage in dieser situation, Wenn mein Körper anderen code, füge ich viele br in den Körper, den code in jsfiddle.net/624zW/1/ dann sehe ich die div#wrap in der Mitte des Körpers. Ich brauche es wie ein position:fixed, zeigen immer in die Unterseite des Körpers.

    InformationsquelleAutor jlmakes

  2. 0

    Du bist div ist abgeschnitten, weil Sie haben, ausgerichtet an den unteren Rand des browser-Fensters, und dann hat einen linken Rand, drücken Sie die div außerhalb des Fensters. Überlauf wird nicht helfen, denn es ist nicht der Inhalt, der gedrückt wird, die außerhalb des div, aber das ganze div-Element selbst.

    Wenn Sie versuchen, erstellen Sie einen footer bleibt am unteren Rand der Seite zu tun, was Julian schlägt und absolut positionieren Sie Ihre div (aber wieder aufpassen mit den Margen), und stellen Sie sicher, zu beachten, dass die abosulely positionierten div positioniert wird relativ zum nächsten übergeordneten mit "position:relative", oder, wenn keine gefunden werden, wird das html-element.

    danke, ich update Julian von code in jsfiddle.net/624zW/1/ ich meine, wenn meine Körpergröße ist sehr lang, die div#wrap wird die Anzeige in der Mitte des Körpers, sogar mit der Maus einen Bildlauf in y-Richtung. Ich brauche eine effection wie position:fixed.

    InformationsquelleAutor Nick Pyett

Schreibe einen Kommentar