width:100%与不存在死循环佐证实例页面

展示

代码

• HTML：

  <div class="box">
    <img src="1.jpg">
    <span class="text">红色背景是父级</span>
  </div>

• CSS：

  .box {
    display: inline-block;
    white-space: nowrap;
    background-color: #cd0000;
  }
  .text {
    display: inline-block;
    width: 100%;
    background-color: #34538b;
    color: #fff;
  }