我<svg>在包裝元素中有一個元素。
我想要<svg>填充包裝元素的高度，但是我似乎無法讓它作業。
我嘗試了以下方法：
.image-banner__overlay {
height: 90%;
position: absolute;
z-index: 999;
}
svg {
height: 100%;
background-color: black;
}
path {
fill: red;
height: 100%;
}<div class="cell small-12 medium-6 image-banner__image-wrapper">
<div class="image-banner__overlay">
<svg>
<path d="M91.91,125c0-50.63,10.58-95.75,27.07-125H69.22V250H119C102.49,220.75,91.91,175.63,91.91,125Z" transform="translate(-69.22)" />
</svg>
</div>
<div class="image-banner__image" style="@backgroundImage">
</div>
</div>但<svg>似乎最多只占用大約 75% 的空間，例如：
我試過使用 viewBox，例如：
height="100%" width="100%" viewBox="0 0 100 100" preserveAspectRatio="none"
但這使得 SVG 太大（溢位父元素）。
有誰知道我怎么能得到這個來拉伸父元素的完整高度（而不把它變成<img>）？
uj5u.com熱心網友回復：
這是給您的視圖框，我知道這很可怕，但您應該閱讀它！
.image-banner__overlay {
height: 90%;
position: absolute;
z-index: 999;
}
svg {
height: 100%;
background-color: black;
}
path {
fill: red;
height: 100%;
}<div class="cell small-12 medium-6 image-banner__image-wrapper">
<div class="image-banner__overlay">
<svg viewbox="0 0 80 250">
<path d="M91.91,125c0-50.63,10.58-95.75,27.07-125H69.22V250H119C102.49,220.75,91.91,175.63,91.91,125Z" transform="translate(-69.22)" />
</svg>
</div>
<div class="image-banner__image" style="@backgroundImage">
</div>
</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/459435.html
上一篇：為什么我面臨不受支持的Svg錯誤
下一篇：通過單擊鏈接下載svg檔案