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

2009-06-14

這是在某網站找到的用法

不知道是不是很普通的用法
但是我到今天才知道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>
右邊
左邊 效果是這樣

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

Posted by on 2009 年 06 月 14 日 in css, ,

發表迴響

彙整

分類