css笔记

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

iteye_20966

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

阅读量103

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： CSS IE Firefox 浏览器 C

本文链接：https://blog.youkuaiyun.com/iteye_20966/article/details/81803082

CSS 专栏收录该内容

0 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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