Css 为什么宽度为100px且填充底部为100%的div的填充底部不是100px

根据100%填充，底部值应与宽度为100px时将其设置为100px相同

但是，用作width的值不是设置为div的宽度（100px），而是div容器的宽度，即此处的主体。为什么会这样

当div的显示切换到table cell时，填充变为100px，因为设置为div的宽度变得严重。否则，div被视为覆盖整个身体，就好像它没有设置宽度一样

<div>hoho</div>

：

相对于包含的块的宽度，以百分比表示的填充大小

我的

这意味着这就是你想要的：

.wrapper{
宽度：100px；
}
.内容{
垫底：100%；
背景：轻珊瑚；
}

呵呵

div {
    width: 100px;
    padding-bottom: 100%;
    background: lightcoral;
}