css笔记

最新推荐文章于 2025-05-10 16:22:55 发布

原创最新推荐文章于 2025-05-10 16:22:55 发布 · 110 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#CSS #IE #Firefox #浏览器 #C

CSS 专栏收录该内容

0 篇文章

订阅专栏

本文探讨了一组特定CSS样式代码导致的元素布局问题，在Firefox浏览器中出现元素重叠现象。通过对比不同宽度设置的效果，分析了浮动元素(left)与非浮动元素(right)之间的布局冲突，并引用了相关资料进一步讨论解决方案。

问题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]