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;
      }

=================================
果然是书上的问题： http://www.douban.com/review/1663995/