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

Question

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

它与.email-tip-icon和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;
    }

Answer 2

我不知道这是从哪里来的，但这是一个简单的解决方法：

#register-email{
    margin-bottom:-10px !important;
}
#register-firstname{
    margin-top:-40px !important
}

<强> http://codepen.io/seraphzz/pen/AyvgG