gpt4 book ai didi

html - 为什么内联 block 的内容会影响它在容器中的位置

转载 作者:太空狗 更新时间:2023-10-29 13:40:23 25 4
gpt4 key购买 nike

<分区>

Here's a fiddle that shows my code in action

结果对我来说似乎很疯狂:在 Chrome 中,第二个按钮略高于第一个按钮。在 Firefox 中它略低于。

<div id="accounts">
<button class="account">
<h1>VISA Card</h1>
<span class="balance">-433.18</span>
</button>
<button class="account">
<h1 class="plus"><i class="icon icon-plus-sign"></i></h1>
<span class="plus-text">Add Account</span>
</button>
</div>

更令人困惑的是,h1.plus 上的填充 会影响整个 div 的位置。

这是怎么回事?我希望两个按钮显示在同一行上,只是不明白为什么它们不在同一行上。这是渲染引擎中的错误吗?

更新:Narendra 提出了一个简单的解决方法—— float :离开按钮。我想首先弄清楚为什么会发生这种错位。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com