FireFox中上层高度不影下层的如何解决办法

什么事情都可以拖一拖,没必要那么着急,事缓则圆。努力去做自己该做的,但是不要期待回报,不是付出了就会有回报的,做了就不要后悔,不做才后悔。

在写网站时,遇到一个差点让我抓狂的事情。以下是一个很简单的网页:

<script language="JavaScript">ffcod = delpost.runcode2 .value; ffcod = ffcod.replace(/
/g,''); delpost.runcode2 .value = ffcod;</script> 提示:您可以先修改部分代码再运行


在这个网页中,创建了三个层,上面两个层是并列的,下面一个层是单独的,在IE中浏览可以达到我想要的结果,如下图所示:

在上图中,左边的层用于输出文章内容,右边的层用于输出树型菜单,下面的层用于输出版权信息。整个网站都做完之后,突然想起在FireFox中测试一下效果,看看是否兼容,没想到在Firefox中的效果居然完全不同。如下图所示。

从上图中可以看出,左边的层并没有将下面的层“挤”下去,而是超过了下面的层。这么一来,版权信息就会横在文章内容之中了。如果仅仅只是Firefox是这样的话,也就算了,可是连Opera、Flock都是这种显示结果,让我不得不改了,研究了很久,终于让我找到了一个解决方法,就是在下面的层上加上 “clear:both”,如下所示:

<script language="JavaScript">ffcod = delpost.runcode3 .value; ffcod = ffcod.replace(/
/g,''); delpost.runcode3 .value = ffcod;</script> 提示:您可以先修改部分代码再运行

最后结果如下所示,一切OK。

以上就是FireFox中上层高度不影下层的如何解决办法。食堂,寝室,教室,你就只能去这三个地方,拉屎吃饭都是时间在浪费,你应该学习!更多关于FireFox中上层高度不影下层的如何解决办法请关注haodaima.com其它相关文章!

标签: 办法 FireFox