gpt4 book ai didi

html - div 内的 CSS div 对齐,宽度为 100%

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

<分区>

我搜索了我的问题的答案,但奇怪的是没有找到。我需要在主 div 中对齐 4 个 div。主div的宽度应为100%,每个内部div应为主div的25%,以实现一行4个相同宽度的div。我的代码是:

html {
margin: 0;
padding: 0;
width: 100%;
}
body {
margin: 0;
padding: 0;
width: 100%;
}
.container {
margin: 0;
padding: 0;
width: 100%;
display: block;
}
.inner-div {
display: inline-block;
width: 25%;
}
.yellow {
background-color: yellow;
}
.blue {
background-color: blue;
}
.red {
background-color: red;
}
.green {
background-color: green;
}
<div class="container">
<div class="inner-div yellow">
yellow
</div>
<div class="inner-div blue">
blue
</div>
<div class="inner-div red">
red
</div>
<div class="inner-div green">
green
</div>
</div>

出于某种原因,最后一个 div 与其他 div 不在同一行中。我不明白为什么会这样!请帮忙。

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