SVG CSSの高さ/幅が適用されない

Question

特定のサイズのSVGアイコンを表示しようとしています。

これは動作しません（アイコンのサイズが巨大である）：

<svg style="width: 10px; height: 10px;"> 
    <use xlink:href="#..."> 
</svg> 

これは動作します：

<svg width="10px" height="10px"> 
    <use xlink:href="#..."> 
</svg> 

疑問は、なぜですか？アイコンの何が間違っていますか？私はこのような場合にCSSの高さ/幅が機能する他のプロジェクトを持っていました。

SVGアイコンコード：

<svg 
    xmlns="http://www.w3.org/2000/svg" 
    xmlns:odm="http://product.corel.com/CGS/11/cddns/" 
    xml:space="preserve" 
    width="180pt" 
    height="188pt" 
    style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd" 
    viewBox="0 0 8268 11692" 
    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" 
    xmlns:xlink="http://www.w3.org/1999/xlink" 
    id="svg614" 
<sodipodi:namedview 
    id="base" /><defs 
    id="defs615"><style 
    type="text/css" 
    id="style616"><![CDATA[ 
    .fil0 {fill:#000000} 
    ]]></style></defs><g 
    id="Layer 1" 
    transform="matrix(4.552447,0,0,4.540583,-8401.163,-13199.48)"><path 
    class="fil0" 
    d="...." 
    id="path618" /></g></svg> 

UPDATE：

このSVGは別のSVG要素の内側にあります。

Answer 1

<div> <svg> </svg> </div>にSVGをラップし、divの高さを設定しても問題ありません。