神秘的div宽度挑战了数学...当(33 + 33 + 33) >100时
提问于 2017-06-21 12:08:18
我是个新手，我就是不能破解这个。我在一个容器div中有三个div。即使我已经将margin和padding重置为0，它们也不会整齐地排列成100% --它们之间出现了差距。因此，div有时会溢出。
为了简单地说明我的问题，我已经剥离了代码。
body {
margin: 0;
padding: 0;
}
div {
height: 100px;
}
.outsideDiv {
width: 100%;
color: white;
background-color: black;
}
.insideDiv {
display: inline-block;
width: 33%;
}
#div1 {
background-color: red;
}
#div2 {
background-color: green;
}
#div3 {
background-color: blue;
}<body>
<div class="outsideDiv">
<div class="insideDiv" id="div1">width = 33%</div>
<div class="insideDiv" id="div2">width = 33%</div>
<div class="insideDiv" id="div3">width = 33%</div>
</div>
</body>
我漏掉了一些明显的东西，对吧？为什么在div之间会有细小的差距？
回答 1
Stack Overflow用户
发布于 2017-06-21 12:13:26
尝试更改css，如下所示
.insideDiv { display: inline-block; width: 33.33%; float:left;}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44675698
复制
腾讯云开发者
