老师，为什么有这个错误

<template>

  <div class="header">

   <div class="header-left">返回</div>

   <div class="header-input">内容</div>

   <div class="header-right">城市</div>

  </div>

</template>

<script>

export default {

  name: 'HomeHeader'

}

</script>

<style lang="stylus" scoped>

  .header

    display: flex

    height: .86rem

    .header-left

      width: .64rem

      float: left

    .header-input

      flex: 1

    .header-right

      width: 1.24rem

      float: right

</style>