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