FireFox中上层高度不影下层的解决办法
网页制作 发布日期：2024/9/21 浏览次数：1
正在浏览：FireFox中上层高度不影下层的解决办法
在写网站时，遇到一个差点让我抓狂的事情。以下是一个很简单的网页：
提示：您可以先修改部分代码再运行
在这个网页中，创建了三个层，上面两个层是并列的，下面一个层是单独的，在IE中浏览可以达到我想要的结果，如下图所示：
在上图中，左边的层用于输出文章内容，右边的层用于输出树型菜单，下面的层用于输出版权信息。整个网站都做完之后，突然想起在FireFox中测试一下效果，看看是否兼容，没想到在Firefox中的效果居然完全不同。如下图所示。
从上图中可以看出，左边的层并没有将下面的层“挤”下去，而是超过了下面的层。这么一来，版权信息就会横在文章内容之中了。如果仅仅只是Firefox是这样的话，也就算了，可是连Opera、Flock都是这种显示结果，让我不得不改了，研究了很久，终于让我找到了一个解决方法，就是在下面的层上加上 “clear:both”，如下所示：
提示：您可以先修改部分代码再运行
最后结果如下所示，一切OK。
上一篇：CSS 模块化 实现方法
下一篇：CSS 书写有怎样的功能
几个月来，英特尔、微软、AMD和其它厂商都在共同推动“AI PC”的想法，朝着更多的AI功能迈进。在近日，英特尔在台北举行的开发者活动中，也宣布了关于AI PC加速计划、新的PC开发者计划和独立硬件供应商计划。
在此次发布会上，英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件，以及联合微软等合作伙伴联合定义“AI PC”的定义标准。
在此次发布会上，英特尔还发布了全新的全新的酷睿Ultra Meteor Lake NUC开发套件，以及联合微软等合作伙伴联合定义“AI PC”的定义标准。