将Div宽度设置为页边距的无边距的{20}

Question

我有这个菜单页面，我想分成5个相等的列。

我目前的黄色div的CSS是：

width:20%;
height:100vh;
background-color: yellow;
display:inline-block;

在此之上，我也有margin:0;。如何去除黄色块之间的小白色间隙？

Answer 1

使用display inline-block会产生奇怪的副作用，它会在元素之间产生不必要的间隙：https://css-tricks.com/fighting-the-space-between-inline-block-elements/

快速修复将浮动div而不是使用display：inline-block。

＆＃13;

＆＃13;

div {
    width:20%;
    height:100vh;
    background-color: yellow;
    float: left;
}

＆＃13;

<div>Monday</div>
<div>Tuesday</div>
<div>Wednesday</div>
<div>Thursday</div>
<div>Friday</div>

＆＃13;

＆＃13;

＆＃13;