$color_gray: #6e6d7a
$color_gray_name: #9e9ea7
$color_black: #0d0c22
$color_pink: #DB4B81
$color_white: #FFFFFF
$break_width: 800px
$color_background: #F9F8FD
$break_width: 1000px
$layout_padding_twoside: 30px
body,html
  margin: 0px 
  height: 1000px
.body_content_middle
    display: flex
    justify-content: center
    align-items: center
    overflow: hidden
    .body_content_middle_layout
      padding: 0
      margin: 10px
      display: flex
      overflow: hidden
      width:55%
      margin-top: 0
      margin-left: 0
      order: 1
    .body_content_choose_smallsize
      width: 100px
      text-align: center
      list-style: none
      padding: 10px 
    .left, .right
      color: $color_black
      font-weight: 700
      cursor: pointer
      &:hover
        color: $color_gray
        transition: .3s
    .right
      order: 1
      background-color: rgb(255,255,255,0.6)  

覺得float或position蠻常出現排版問題的，其實用
display: flex
搭配justify-content,align-items,order
可以處理蠻多問題又精簡，供參