css筆記

問題1：有如下代碼

      #left{
        background-color:#cccccc;
        border:2px solid #333333;
        width:100px;
        height:300px;
        float:left;
      }
      #right{
        background-color:#cccccc;
        border:2px solid #333333;
        height:300px;
      }

我期望的結果是left寬度固定，right寬度自適應，並緊挨着left，但在ff裏，估計right已經跟left重疊了。因爲以下代碼的結果是重疊的：

      #left{
        background-color:#cccccc;
        border:2px solid #333333;
        width:100px;
        height:300px;
        float:left;
      }
      #right{
        background-color:#cccccc;
        border:2px solid #333333;
        width:300px;
        height:300px;
      }

=================================
果然是書上的問題：[url]http://www.douban.com/review/1663995/[/url]