如何删除HTML div中的奇怪填充？

Question

我正在用CSS构建一个布局，自定义一些'div'标签。在他们（具有id“col3”的div）上有一个奇怪的填充顶部，我不知道为什么。我已经尝试使用'padding：0;'，但它不起作用。我知道我可以用属性“位置”修复它，但为什么它会发生在我的div中呢？代码是这些：

HTML

  <section id="getintouch">
        <h3>Get in Touch</h3>
        <p>Etiam at mi at quam suscipit auctor a ac urna. Nullam non euismod felis, sed rhoncus risus. Donec erat enim, convallis eu facilisis at, hendrerit sed ligula.</p>
        <div id="getintouchlayout">
            <div id="col1-2">
                <form action="#" method="POST">
                    <label for="name">Name</label>   
                    <input type="text" name="nome" id="name">
                    <label for="email">Email</label>   
                    <input type="email" name="email" id="email">
                    <label for="message">Message</label>   
                    <textarea name="message" id="message"></textarea>
                    <input type="submit" value="Send Message">
                </form>
            </div>
            <div id="col3">
            <address>
                <p>
                    <span>Endereço</span>
                    1234 Somewhere Rd. Nashville, TN 00000 United States
                </p>
                <p>
                        <span>Telefone</span>
                        000-000-000
                </p>
                <p>
                        <span>Email</span>
                        [email protected]
                </p>
            </address>
            </div>
        </div>
    </section>

CSS

    #getintouchlayout{overflow: auto;}
#col1-2{
    width: 63.5%;
    margin-right: 5%;
    float: left;
}
#col3{
    width: 31.5%;
    float: right;
}

Obs：我知道'浮动'并不是那么习惯，但我正在使用它，因为我在课程中学习这个属性，我需要在项目中使用它。

Answer 1

删除qazxsw poi边缘，该标签具有qazxsw poi没有的固有填充。