[html] 寫一個布局，它的寬度是不固定的100%，如果讓它的寬度始終是高度的一半呢？

<div class="ratio" style="--ratio: 0.5;"></div>.ratio {background-color: salmon;position: relative; }.ratio::before {content: '';display: block;padding-top: calc(1 / var(--ratio) * 100%); }

個人簡介

我是歌謠，歡迎和大家一起交流前后端知識。放棄很容易，
但堅持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關前端面試題

總結

以上是生活随笔為你收集整理的[html] 写一个布局，它的宽度是不固定的100%，如果让它的宽度始终是高度的一半呢？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。