CSS calc

[kubjo]

Hi Leute,
ich würde gerne einem Element eine gewisse Höhe geben, und zwar seine Breite. Meine Idee war

height: calc(width + 1px)

das +1px nur deshalb, dass auch etwas zu rechnen gibt. Leider funktioniert das so nicht, hat jemand eine andere Idee?

Grüße aus Ludwigsburg
Jochen Kubik

[andre.saage]

Auf die Werte anderer css-properties hast du mit calc keinen Zugriff - also so wird das nicht's.
Wenn dein Ziel eine responsive Box mit fixen Proportionen (z.B. quadratisch 1:1) ist solltest du wahrscheinlich mit dem padding-bottom-hack arbeiten.

Was noch ginge: mit css-Variablen oder viewport-units arbeiten aber beides hat gewisse Nebeneffekte bzw. Unzulänglichkeiten abhängig vom Anwendungsfall.

[derRenner]

https://www.w3schools.com/howto/howt...pect_ratio.asp
https://codepen.io/ItScofield/pen/PNVZoQ
https://jsfiddle.net/mikhail_zagorny/vr2uko9d/
....
Freund Google wirft Unmengen an Suchergebnissen aus 'css same height as width'