CSS: Alternative Methode, um absolute positon

Habe ich Folgendes markieren:

<div id="playArea" style="position: relative;">
    <div style="position: absolute; left: 295px; top: -1px; width: 313px; height: 269px;">Hello</div>
    <div style="position: absolute; left: 63px; top: 35px; width: 80px; height: 42px;">World</div>
    <div style="position: absolute; left: 534px; top: 329px; width: 183px; height: 251px;">Bye</div>
</div>

Aber ich würde gerne noch ein Absatz text unter "playArea' div, aber da alle divs innerhalb playArea ist absolut, den text nicht erscheinen am unteren Rand der letzten absolut positionierten div.

Habe ich in diese sah und fand eine alternative durch die Verwendung von float:left und clear:left aber nach der Verwendung dieser Methode auf den ersten div, können Sie die position der div-richtig als Ausgangspunkt für die zweite div unter dem ersten div und nicht bei (0,0). Irgendwelche Ideen, wie ich bekommen kann von dieser.

Dank

  • haben Sie ein Beispiel? oder zumindest dies als ein Beispiel.
  • Ich habe nicht, wie ich arbeite derzeit auf localhost. sorry, Siehe den Kommentar, ich habe gerade unten, um BalusC, dies beschreibt das problem mehr
InformationsquelleAutor phpNutt | 2009-12-24
  1. 0

    Wenn ich das richtig verstanden habe, musst du halt die "playArea" div die richtige Höhe.

    Edit: ich meine, die kombinierte Höhe von alles in es.

    InformationsquelleAutor Kaze no Koe
  2. 0

    Aber ich würde gerne noch ein Absatz text unter "playArea' div, aber da alle divs innerhalb playArea ist absolut, den text nicht erscheinen am unteren Rand der letzten absolut positionierte div.

    Als Sie scheinen zu wissen, alle Dimensionen und Positionen bereits haben, fügen Sie einfach einen anderen absolut positionierten div-und der relative Inhalt.

    Ich sah in diese-und eine andere Möglichkeit gefunden mithilfe von float:left und clear:left aber nach der Verwendung dieser Methode auf den ersten div, können Sie die position der div-richtig als Ausgangspunkt für die zweite div unter dem ersten div und nicht bei (0,0). Irgendwelche Ideen, wie ich bekommen kann von dieser.

    Müssen Sie entfernen position: absolute um die floats Recht. Nur Breite und Höhe sind genug.

    • Ich habe entfernt das position: absolute, und verändert den oberen und den linken zu margin-top und margin-left. Aber auf den zweiten und folgende weitere divs, die Ausgangsposition ist nicht Links oben in der playArea (0,0), seine position unter dem ersten div. Also, wenn das erste div war (30,0) und die Höhe 100px, dann den zweiten div-Beginn (30,100), aber ich will es zu (0,0) Hinweis: Diese in Klammern sind die co Ordinaten in Bezug auf die (X,Y)
    • Nachdem alle, es ist wirklich schwer zu verstehen, wo genau Sie den text. In ein block-element unterhalb der niedrigsten div der drei divs? Man könnte nur hinzufügen, einem anderen absolut positionierten div-Element genau dort und die Absätze in ihm.
    • Ja, ich möchte den text in einem block-element unterhalb der niedrigsten der drei divs. Wenn ich position absolute dann ich glaube, dies wirft zwei Fragen auf. 1. Ich kann niemals zukünftige Dinge, um die Seite ohne Positionierung 2. Mein footer absolut positioniert ist, so dass ich wollen nicht zu haben, sich zu ändern, der jedes mal berechnet, wo das sein sollte
    InformationsquelleAutor BalusC
  3. 0

    Schweben die drei inneren divs Links, setzen overflow: hidden; auf die playArea div und stellen Sie Ihre <p> unter den drei inneren divs mit clear: both;

    InformationsquelleAutor Jonny Haynes
  4. 0

    Nach dem Lesen des Kommentar-thread zwischen dir und "BalusC", es scheint, dass Sie geändert haben Ihre CSS-und nun versuchen zu schweben, Ihre Artikel, und verwenden Sie margin-top und margin-left für die Positionierung. Sie sind völlig in der Lage, es zu tun auf diese Weise, aber Sie vergessen, dass Sie auch mit negativen Margen zu positionieren Ihrer Elemente. Zum Beispiel, wenn Sie verwenden margin-top:-10px; dann wird es ziehen Sie das element nach oben (anstatt schieben Sie es nach unten, wie bei einer normalen positiv bewertet Marge). Das gleiche gilt für alle anderen Ränder.

    Zu sein scheint, dass die fehlende Zutat jetzt für Sie.

    • Hey, ich erkennen, dass Sie verwenden können, negative Margen, sondern es bedeutet nur, wobei die Höhe von der vorherigen div entfernt von der aktuellen div-Marge der ersten und das ist eine ganz Fiese Art und Weise, Dinge zu tun, denke ich
    • Die sauberste und einfachste Weg, um durchzuführen, was Sie tun müssen, ist nicht float-Elemente. Fügen Sie einfach eine Höhe an #playArea, wie erwähnt von Kaze no Koe. Basierend auf die Informationen, die Sie gegeben haben ich kann mir nicht vorstellen, dass es einen besseren oder einfacheren Weg, es zu tun als das, was er vorgeschlagen hat.
    InformationsquelleAutor Mike McLin
Schreibe einen Kommentar