今天这篇我们来学习和了解“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怎样清除浏览器中出现浮动,代码是什么”的学习就结束了,希望能够解决大家的疑惑,另外大家动手实践也很重要,对大家加深理解和学习很有帮助。如果想要学习更多的相关知识,欢迎关注群英网络,小编每天都会给大家分享实用的文章!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:mmqy2019@163.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。