写了个svg 放在一个div的底部，但是就是和底部不对齐 高了大概两px

Question

Answer 1

因为 svg 是一个 inline 啦，如果你设置 css display 为 block 就不会有这个问题了。
至于为啥 inline 都有这个小空白，网上应该不少解释，这个遇到的机会蛮大的。

附上之前的回答
https://segmentfault.com/q/10...
inline 元素会有一个错位，是因为浏览器把它作为一行字来看。
众所周知，英文 a c e 等字母写在格子中间，而 b d p f 等字母则要么往上要么往下突出了一段。
而 inline 元素留下的那一小空白，就是给这些字母留下的。
因此解决办法也很简单，负边距消除，或者改变 display 设定都可以。