gpt4 book ai didi

html - 除非我为父级添加额外的宽度,否则为什么子级 div 不在同一行?

转载 作者:行者123 更新时间:2023-11-28 16:48:20 24 4
gpt4 key购买 nike

<分区>

我正在制作一个包含 2 张图片的标题,如下所示:

<div id="header-logo">
<div class="header-logo"><img src="logo.png"></div>
<div class="header-name"><img src="logo-name.png"></div>
</div>

使用以下 CSS:

#header-logo { width: 538px; margin: 0 auto; }
#header-logo div { display: inline; height: auto; }
#header-logo div.header-logo { width: 183px; }
#header-logo div.header-name { width: 355px; }

问题是,除非我将父 div (#header-logo) 设置为 542px 或更大,否则子 div 会相互下方,我不明白为什么 183 + 355 = 538,额外的 4 个像素来自哪里?

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