我将.svgs作为我的.html中的对象
<object type="image/svg+xml" data="img/css-3.svg">Your browser does not support SVG</object>
我可以在单独的.css中扩展所有.svg
svg { height: 100px; }
我希望我的布局有一个固定的，可滚动的
.header-container, .footer-container, .main-container { position: absolute; left: 0; width: 100%;}
.header-container, .footer-container {overflow: hidden;}
.main-container { top: 100px; bottom: 100px; overflow: auto;}
但是当我加入.css
时.footer-container {bottom: 0;}
.svg文件重置为其内部值（.svg文件保存在单独的文件夹中）。例如：
<svg width="1773" height="2500" viewBox="0 0 256 361" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMin meet"><path d="M255.555 70.766l-23.241 260.36-104.47 28.962-104.182-28.922L.445 70.766h255.11z" fill="#E44D26"/><path d="M128 337.95l84.417-23.403 19.86-222.49H128V337.95z" fill="#F16529"/><path d="M82.82 155.932H128v-31.937H47.917l.764 8.568 7.85 88.01H128v-31.937H85.739l-2.919-32.704zM90.018 236.542h-32.06l4.474 50.146 65.421 18.16.147-.04V271.58l-.14.037-35.568-9.604-2.274-25.471z" fill="#EBEBEB"/><path d="M24.18 0h16.23v16.035h14.847V0h16.231v48.558h-16.23v-16.26H40.411v16.26h-16.23V0zM92.83 16.103H78.544V0h44.814v16.103h-14.295v32.455h-16.23V16.103h-.001zM130.47 0h16.923l10.41 17.062L168.203 0h16.93v48.558h-16.164V24.49l-11.166 17.265h-.28L146.35 24.49v24.068h-15.88V0zM193.21 0h16.235v32.508h22.824v16.05h-39.06V0z"/><path d="M127.89 220.573h39.327l-3.708 41.42-35.62 9.614v33.226l65.473-18.145.48-5.396 7.506-84.08.779-8.576H127.89v31.937zM127.89 155.854v.078h77.143l.64-7.178 1.456-16.191.763-8.568H127.89v31.86z" fill="#FFF"/></svg>
为什么页脚会覆盖.css中.svg的值？我会尝试内联管理它们，但很好奇它为什么会发生。