Question

我已经隔离了问题，那就是问题代码：

<style>

div.wrapper{

  width: 223.2px;
  font-size: 0;

}

span.first {

    margin-right: 13.4px;
    line-height: 1.38;
    color: #5c5f68;

}

div.wrapper>* {

    font-size: 12px;
    float: left;

}
span.third {

    font-size: 13px;

}



</style>

<div class="wrapper">

  <span class="first">*sometextasssssssssdaa</span>

  <span class="second">*  *  *  *  *</span>

  <span class="third">PROBLEM</span>

</div>

CodePen：https://codepen.io/CitizenOne/pen/NQavZV

问题描述：

问题块具有“第三”类，其文本为“ PROBLEM”。

当父级的宽度为223.2px时，问题块不会转移到父级块的左侧。它仍然停留在正确的部分，但是它的位置有所改变。

该如何解决？我希望它准确地转移到父级的左侧

Answer 1

从此CSS代码中删除float: left;：

div.wrapper>* {
    font-size: 12px;
    float: left;
}

阻止无法正确传输。如何解决？

1 个答案: