gpt4 book ai didi

html - 为什么两个边框框 50% 的 div 不是并排的?

转载 作者:搜寻专家 更新时间:2023-10-31 22:41:53 25 4
gpt4 key购买 nike

<分区>

我知道很多并排定位 div 的技巧。但是,我一直不明白为什么采用两个宽度为 50% 的边框 div 不会产生并排的 div。根据我对 css 的理解,边距、填充和边框不在等式中,这应该 绝对 有效。

body {
padding: 0;
margin: 0;
border: 0;
}
div {
height: 300px;
box-sizing: border-box;
display: inline-block;
margin: 0;
}
.left {
background-color: blue;
}
.right {
background-color: red;
}
.half {
width: 50%;
}
<div class="half left"></div>
<div class="half right"></div>

我错过了什么?

编辑:正如许多人指出的那样,display: block 不会给我并排行为。这是一个错误类型。我打算让所有的东西都inline-block

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