firefox不显示border通过清除float便可如何解决

我们来到郊外。啊,这是多美的 "绿毯 "呀!绿油油的,上面还挂着一颗颗晶莹的 "珍珠 ",太阳升起来, "珍珠 "就发出了彩虹似的光芒,不一会儿就消失了。我想:小 "珍珠 "一定是架起彩虹桥去太阳神的皇宫了。这时,一股股幽香扑入我的鼻中,好香啊,走,去瞧瞧。我们先来到一株红梅前,那梅花正开得灿烂,并且还散出阵阵清香。梅花的颜色也许只有九天的织女用早晨的红霞和晴午的白云在天机上织的轻绢,才可以比拟吧。我们又来到迎春花旁,迎春花正在开花。
主要是float属性引起的,清除float的就可以了。
比如:
复制代码
代码如下:

<div id="box_left"></div>
<div id="box_right"></div>
<div id="box_bottom></div>

这个结构,box_left和box_right左右浮动,box_bottom有border,在IE下显示都是好的,但是Fierfox不显示边框,只要给box_bottom的CSS里加个clear:both;就解决了。

本文firefox不显示border通过清除float便可如何解决到此结束。脚跟立定后,你必须拿你自己的力量和技能奋斗。小编再次感谢大家对我们的支持!

您可能有感兴趣的文章
css让页脚保持在底部位置的四种方案

CSS如何使用Flex和Grid布局如何实现3D骰子

Flex布局史上最简单使用语法教程

新的CSS 伪类函数 :is() 和 :where()示例详解

纯CSS打字动画的如何实现示例