为什么 width:100在 父元素为inline或者inline-block下 如何显示?-灵析社区

Ufoooo4U

第二段, 是因为内部的行内块元素设置`width: 100%`, 这个宽度的百分比是根据父元素中离他最近的`块元素`或`行内块元素`计算的, 因为第二段代码离他最近的`块`或`行内块`, 是最外层的`块元素div`, `div`的宽是`body`, 因此他的宽也就是`body`, 而他又是外层`行内元素`的内容,这也就导致外层的`行内元素`被撑开, 出现了第二个截图的样子 第二段代码, 将最外层的`div`的宽设置一下, `行内块`的宽设置为`50%`结果就非常明显了: 测试内容 这是inline-block span ![image.png](https://wmlx-new-image.oss-cn-shanghai.aliyuncs.com/images/20241105/059e571ac839986aa637f0bc05656e54.png)

阅读量:1

点赞量:0

问AI