<分区>
我搜索了我的问题的答案，但奇怪的是没有找到。我需要在主 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 不在同一行中。我不明白为什么会这样!请帮忙。