CSS:SVG在DIV中的位置

这是我的小提琴-

所以我的问题很明显，就是无法让svg将搜索栏隐藏在正确的位置。谁能帮帮我，这个小错误快把我逼疯了

<div class="togglesearch">
    <svg id="hidesearch" xmlns="http://www.w3.org/2000/svg" version="1.1" width="10" height="10" style="margin:0px 0px 0px 10px;">
        <polygon points="10,10  10,0  0,5">
    </svg>

    <svg id="showsearch" xmlns="http://www.w3.org/2000/svg" version="1.1" width="10" height="10" style="margin:10px 0px 0px 10px;">
        <polygon points="0,0  0,10  10,5">
    </svg>
</div>

---

您想要类似的东西吗

---

我只是将svg图像绝对定位在容器中，并将垂直位置与搜索框的填充匹配。

您想将搜索栏隐藏在哪里？按钮只需切换搜索栏的可见性即可。我的问题是svg在可见/显示时的定位。谢谢兄弟，我忘记了最小宽度。