Html 如果不存在浮动图像，则应调整标题宽度

因此，当image div不存在时，这个mycss和html文件的头应该扩展到100%宽度

，因为您浮动h1标记，所以它将只是它需要适应其内容的宽度。将图像放入标题中，并使图像浮动。然后，标题将始终为100%宽度

<div class="info-content" style="display:none;">
  <div class="info-content-header clear">
      <h1 class="lg-grn-color">Connect To Your Security System</h1>
      <div><img src="/mobile/images/smb_fast.png"/> </div>
  </div>    
</div>
<style>
    .info-content .info-content-header h1 {
     float: left;
     font-weight: normal;

    }

    .info-content .info-content-header div{
     float:left;
     margin-left:2rem;
     width:30%;
    }
</style>

<div class="info-content" style="display:none;">
  <div class="info-content-header clear">
      <h1 class="lg-grn-color">Connect To Your Security System
          <img src="/mobile/images/smb_fast.png"/></h1>
  </div>    
</div>

.info-content .info-content-header h1 {
    font-weight: normal;
}

.info-content .info-content-header h1 img {
    float:left;
    margin-left:2rem;
    width:30%;
}