CSS破除浮动代码：全能的float闭合

发布时间：2018-08-18 12:09:59 所属栏目：访谈来源：站长网

导读：破除浮动，这在CSS3中有着重要的意义，在许多时辰，假如不破除浮动，那么您的网页很也许在FF中会堕落，在IE中也不会有好的示意，造成页面变形扭曲，绝非你想要的结果。本日向各人先容一种简捷易用的要领，有浮动的时辰，给必要闭合的DIV（class为clearfix

　　破除浮动，这在CSS3中有着重要的意义，在许多时辰，假如不破除浮动，那么您的网页很也许在FF中会堕落，在IE中也不会有好的示意，造成页面变形扭曲，绝非你想要的结果。本日向各人先容一种简捷易用的要领，有浮动的时辰，给必要闭合的DIV（class为clearfix）加上如下的CSS样式。

　　演示代码：

<html> <head> <title>CSS破除浮动</title> <style> .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } *html .clearfix{ height:1%; } *+html .clearfix{ height:1%; } .clearfix { display:inline-block; } .clearfix {display:block;} </style> </head> <body> </style> <body> CSS破除浮动 </body> </html> <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：河北网）

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