为什么在父元素为inline或inline-block时，子元素设置width: 100%会出现不同的显示效果？

发布日期： 2024-11-08 阅读量： 作者： 网络

width:100%在父元素为inline或inline-block下的显示问题

问题提出

当父元素为inline或inline-block时，内部元素设置width:100%会出现不同的显示效果。以代码为例：

<div>
  <div style="height: 100px;">测试内容</div>
  <div style="display: inline-block;border: 1px solid red;padding: 10px;">
    <span style="display: inline-block; border: 2px solid green; width: 100%;background-color: yellow;"> 这是inline-block span</span>
  </div>
</div>

# 为什么

上一篇: PHP 函数并发编程的线程池模型

下一篇: C++ 函数的库函数的版本差异有哪些？

为什么在父元素为inline或inline-block时，子元素设置width: 100%会出现不同的显示效果？

随便看看