这个额外的空间来自哪里？

Question

我的Codepen:http://codepen.io/leongaban/pen/aFJfs

它与the .email-tip-icon和it有关,tip-message因为当我评论它们时,间距消失了.每一个似乎都添加了更多的间距...但是我有两个margin和padding设置0

额外的间距在电子邮件输入字段和第一个名称输入字段之间

Answer 1

尝试将它们置于绝对位置并相应更新.这应该工作:

#register-form .email-tip-icon, #register-form .password-tip-icon {
    position: absolute;
    width: 30px;
    padding: 0;
    margin: 0;
    left: 340px;
    z-index: 2;
    clear: both;
    background: red;
    top: 20px;
    }
    #register-form .tip-message {
    position: absolute;
    padding: 0;
    margin: 0;
    left: 374px;
    width: auto;
    height: auto;
    text-indent: 10px;
    background: url(http://leongaban.com/_projects/whoat/_HTML/img/gray-tip-triangle.png) no-repeat;
    z-index: 2;
    top: 25px;
    }