怎么解决在li中的a标签会下移几个像素、但margin、padding都已经设为0

Question

这是li元素的范围

这是a元素的范围

这是我的代码部分
li的class为editor-tools

.markdown {
    .tools {
        border: $markdownBorder;
        border-radius: $markdownRadius $markdownRadius 0px 0px;
    }

    .preview, {
        padding: 0px 20px;
    }

    .editor {
        padding: 0px;
        textarea {
            padding: 10px 20px;
            width: 100%;
            height: 100%;
            border: none;
            border-radius: 0px 0px 0px $markdownRadius;
            resize: none;
            outline: none;
            background-color: #fff;
            font-size: 16px;
        }
    }

    ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: auto;
        overflow: hidden;

        a {
            margin: 0px 10px 0px 0px;
            padding: 8px;
            font-size: 14px;
            color: $markdownColor;
            text-decoration: none;
        }

        a:hover {
            color: #20B2AA;
            background-color: #ddd;
        }

        .editor-tools {
            margin: 0px;
            padding: 0px;
            float: left;
        }

        .editor-mode {
            margin: 0px;
            padding: 0px;
            float: right;
        }
    }
}

Answer 1

a 增加一个vertical-align:top试试
还有里面的图片也增加一个这个属性

Answer 2

你用的什么构建的 或者用浮动试试

Answer 3

看上去应该是你没有清除标签自带的样式。你只写了ul的样式重置，再写上li就完全没问题，布局之前难道不需要引入reset.css么？