加入收藏 | 设为首页 | 会员中心 | 我要投稿 银川站长网 (https://www.0951zz.com/)- 云通信、基础存储、云上网络、机器学习、视觉智能!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

CSS怎样清除浏览器中出现浮动 代码是哪些

发布时间:2023-07-17 13:19:56 所属栏目:语言 来源:
导读:今天这篇我们来学习和了解“CSS怎样清除浏览器中出现浮动,代码是什么”,下文的讲解详细,步骤过程清晰,对大家进一步学习和理解“CSS怎样清除浏览器中出现浮动,代码是什么”有一定的帮助。有

今天这篇我们来学习和了解“CSS怎样清除浏览器中出现浮动,代码是什么”,下文的讲解详细,步骤过程清晰,对大家进一步学习和理解“CSS怎样清除浏览器中出现浮动,代码是什么”有一定的帮助。有这方面学习需要的朋友就继续往下看吧!

在写HTML代码的时候,发现在Firefox等符合W3C标准的浏览器中,如果有一个DIV作为外部容器,内部的DIV如果设置了float样式,则外部的容器DIV因为内部没有clear,导致不能被撑开。看下面的例子:

HTML4STRICT代码:

style= "width:200px;border:1px solid red;" >

style= "float:left;width:80px;height:80px;border:1px solid blue;" >TEST DIV

style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV

style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV

style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV

style="float:left;width:80px;height:80px;border:1px solid blue;">TEST DIV

到此,关于“CSS怎样清除浏览器中出现浮动,代码是什么”的学习就结束了,希望能够解决大家的疑惑,另外大家动手实践也很重要,对大家加深理解和学习很有帮助。

(编辑:银川站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!