2012-04-09 15 views
2

So habe ich diese Seite:CSS Aufschwimmhöhe Issues

http://demo.unlockedmanagement.com/example/floating-issue.html

Sie 3 Artikel bemerken: Details, Attachements und Beschreibung. Jetzt kommt das Problem, wenn Sie die Details erweitern (klicken Sie einfach auf den Titel). Der Attachment-Text wird unter die zweite ul im Detailinhalt geworfen. Die Sache ist, dass die Attachments auf ihrer eigenen Linie sein sollten.

Ich verwende die Clearfix-Methode, um zu versuchen, schwebende Elemente mit der hier beschriebenen Breite zu beheben: http://www.webtoolkit.info/css-clearfix.html: außer, dass meins nur eine klare tut: rechts ;. Nun, offensichtlich hat die erste ul mit floating left eine höhere Höhe als die zweite ul, die gerade schwebt, aber die Höhe der Elternelemente scheint die Höhe der zweiten ul zu nehmen, nicht die erste, die größer ist.

Wer sieht was ich hier falsch mache?

+0

Sie haben den Anhang Titel in der gleichen Liste wie die Reporter-Listen, die Teil einer Liste ist, die formatiert wird, um 50% Breite und Floated richtig zu sein. Deshalb fällt es unter Reporter und nicht in seinem eigenen Bereich. Wenn Sie möchten, dass es ganz links ist, müssen Sie es aus dieser Liste ziehen und entweder in die linke Liste setzen oder eine neue Liste mit clear: left erstellen. –

Antwort

1

Haben Sie versucht, Ihre Floating-Container zur Anzeige zu bringen: Inline-Tabelle? Dies sollte ermöglichen, dass die schwebenden Elemente in Relation zu ihren Geschwistern angeordnet werden und sich verschieben, wenn ihre umgebenden Elemente wachsen oder schrumpfen.

+0

funktioniert, muss neben block/inline mehr von den anderen Werten für diese Option gelesen werden. – ryanzec