Ich habe ein div in einem anderen div. Das innere div hat Ränder von 0, automatisch, um es zu zentralisieren. Ich kann jedoch nicht erreichen, dass es auf den Boden schwebt, ohne es absolut zu machen. Gibt es überhaupt eine relative div float auf den Grund eines normalen div?
Ohne position: absolute zu verwenden, müssten Sie es vertikal ausrichten.
Sie können vertical-align: bottom verwenden, was laut den Dokumenten :
Die CSS-Eigenschaft "vertical-align" gibt die vertikale Ausrichtung einer Inline- oder Tabellenzelle an.
Setzen Sie also entweder das äußere div als Inline-Element oder als table-cell :
Der einzige Weg, den ich gefunden habe, wenn Ihr Inhalt nicht eine statische Höhe ist, war, dies mit jquery zu tun:
%Vor%Dies funktioniert für ein column-div in einem containing-div, wenn die Höhe einer anderen Spalte größer ist.
Es ist unglaublich, dass diese einfache Sache nicht über eine css-Eigenschaft (d. h. "float: bottom") "eingebaut" wird, was alles andere nicht mit Absolutwerten usw. unterbricht.
Heutzutage können Sie einfach display: flex für all diese Ausrichtungsprobleme verwenden.
In Ihrem Fall können Sie dem Elternelement einfach einen Flex, Flex-Richtung column (der Standardwert ist Zeile) und justify-content: flex-end geben. Der Vorteil dieses Ansatzes besteht darin, dass es auch funktioniert, wenn Sie mehrere Elemente im Parent haben.
Wenn Sie mehrere Einsen haben und möchten, dass alle vom Anfang des Elternteils bis zum Ende ausgerichtet sind, können Sie justify-content in eine andere Eigenschaft wie space-between oder space-evenly ändern.
Sie können dies tun, indem Sie den oberen Wert auf 100% setzen.
Sieh dir diese Geige hier an: Ссылка