CSS清除浮动常用方法小结 2007年11月30日 常用的清除浮动的方法有以下三种。 此为未清除浮动源代码,运行代码无法查看到父级元素浅黄色背景。 Left Right 1、使用空标签清除浮动。我用了很久的一种方法,空标签可以是div标签,也可以是P标签。我习惯用<P>,够简短,也有很多人用<hr>,只是需要另外为其清除边框,但理论上可以是任何标签。这种方式是在需要清除浮动的父级元素内部的所有浮动元素后添加这样一个标签清楚浮动,并为其定义CSS代码:clear:both。此方法的弊端在于增加了无意义的结构元素。 Left Right 2、使用overflow属性。此方法有效地解决了通过空标签元素清除浮动而不得不增加无意代码的弊端。使用该方法是只需在需要清除浮动的元素中定义CSS属性:overflow:auto,即可!"zoom:1"用于兼容IE6。 Left Right 3、使用after伪对象清楚浮动。该方法只适用于非IE浏览器。具体写法可参照以下示例。使用中需注意以下几点。一、该方法中必须为需要清除浮动元素的伪对象中设置height:0,否则该元素会比实际高出若干像素;二、content属性是必须的,但其值可以为空,蓝色理想讨论该方法的时候content属性的值设为".",但我发现为空亦是可以的。 Left Right 此三种方法皆有一定弊端,使用时应择优选择,比较之下第二种方法更为可取。以上方法,并非原创,皆来源于网络,在此小作整理,原作者保留所有权利。 相关链接 CSS规则层叠的应用 css必须要注意的几点CSS规则层叠时的优先级算法原来CSS里的 !important 是如此用法IE之死__原来与CSS有关CSS基础 CSS选择符xhtml+css制作不规则导航FF下 用 col 隐藏表格列的方法详解!css实现文字垂直居中的代码用div实现像table一样的布局方法div+css页面布局的五个小技巧 编程pythonJavaPHPASPASP.NETvbsPerlDOS/BATHTARubyAutoitPowerShellLinux shellLuaGolangHTCVBAAJAXCSS/HTMLFlexXML/RSS正则表达式ColdFusionSeraphzoneErlangJsp相关设计PhotoshopPS相片处理PS抠图PS文字特效PS入门PS调色PS标志PS按钮制作FireworksCorelDrawIllustratorPainterIndesignFreehand平面相关FlashFlash基础ActionScriptFlash技巧Flash实例3Dmax教程3Dmax基础3Dmax渲染3Dmax建模3Dmax实例3Dmax贴图AutoCADMaya开发语言架构AppleAndroid前端开源工具CMSphpwindecmsdedecmsWordPressPHPCMSdiscuzUCenter HomeDrupalECShop网页FrontpageHTML5XMLDreamweaver技巧WEB标准CSS教程html教程服务器LinuxwindowsFTPTomcatNginxDockerVMwareHyper-VOpenStackXenServerVirtualBoxKVM运维数据库MysqlMsSqlMariadbOracleSQLitePostgreSQLMongoDBAccessRedisDB2网络路由器交换机组网技术布线网络协议网络其他相关硬件CPU主板内存显卡显示器鼠标键盘机箱电源散热器电脑组装智能电视盒子存储打印机综合软件U盘教程影音播放图形图像开发编程媒体工具磁盘光盘文件管理苹果教程安全相关网络通讯系统工具officeWordExcelPowerPointAccessOutlookWPSOffice相关电脑电脑知识故障问题系统RedHat/CentosUbuntu/DebianFedoraSolarisWindowsLinuxMAC(苹果)Bios系统安装注册表Unix/BSD系统进程系统相关华为鸿蒙系统麒麟系统红旗操作系统安全网站安全系统安全网络安全企业安全数据安全安全工具平板笔记本手机安卓苹果手机软件