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

时间:2019-04-07 22:00:12

标签: html css css-float

我正在使用CSS构建布局,自定义一些'div'标签。在它们上(ID为“ col3”的div)上有一个奇怪的padding-top,我不知道为什么。我已经尝试过使用'padding:0;',但是它不起作用。我知道我可以使用“位置”属性对其进行修复,但是为什么我的div会发生这种情况?这些代码是:

HTML

override fun attachBaseContext(newBase: Context?) {
    super.attachBaseContext(ContextWrapper(newBase).wrap(defaultLocale.language))
}

CSS

  <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@server.com
                </p>
            </address>
            </div>
        </div>
    </section>

Obs:我知道'float'并不是很常用,但是我正在使用它,因为我正在学习一门课程,并且需要在项目中使用它。

1 个答案:

答案 0 :(得分:1)

删除git describe边距,该标签具有<p>没有的固有填充。