基於背景大小的Div 高度自動化
在Web 開發中，通常希望div 的高度自動調整為背景大小它的背景圖像。但是，為 div 設定特定高度可能會阻礙此功能。
解決方案：
一種巧妙的技術是利用 padding-top 屬性。透過將 div 的高度設為 0 並根據背景圖像的寬度和高度的比例計算 padding-top，div 可以模仿 img 元素的行為，自動調整大小以適應背景圖像。
程式碼範例：
考慮以下CSS程式碼：
在此範例中，div 將根據背景圖像的比例（1280px 寬x 853px 高）自動調整大小，在本例中，比例為66.64%。透過將高度設為 0 並使用 padding-top 作為百分比，div 看起來就像是自動調整了高度。
這種技術消除了手動設定高度或 min-height 的需要div 並為不同尺寸的影像提供動態解決方案。
以上是如何自動調整 Div 的高度以符合其背景影像大小？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
