css 同一行同時要有置左跟置右的內容

這是在某網站找到的用法

不知道是不是很普通的用法
但是我到今天才知道XD
首先先講一下我原本的用法

<div style="width:300px;border:1px solid #c3c3c3;">
  <div style="float:left;">左邊 長的會像這樣</div>
  <div style="float:right;">右邊</div>
  <div style="clear:both;"></div>
</div>

其實是堪用的

不過我找到的用法是這樣

<div style="width:300px;border:1px solid #c3c3c3;">
  <div style="float:right;">右邊</div>
  <div>左邊 效果是這樣</div>
</div>

兩個效果好像一樣喔
但是碼簡潔了不少
記上一筆~~~