什么是float闭合

　　首先,必须知道两件事:
　　1.       浏览器事按照HTML代码中对象声明的先后顺序,以流布局的方式来显示对象的.
　　2.       HTML中的所有对象几乎都默认分为两种: block对象和in-line对象. 其中, block默认的显示状态是占据整行; in-line对象则相反,允许其他对象与它在一行中显示.
　　现在来看float属性, 它的作用就是改变block对象的默认显示方式. block对象设置了float属性之后,它将不再独自占据一行.
　　答案补充
　　如果有一个div 的属性是float:left,它后面又跟着一个div，这个div就会自动跟在前一个div的后面，跟着浮动，你如果不希望后面的div跟着浮动，你就需要将前一个div闭合，用clear：both。这样不会干扰后面的div。(www.3lian.com)
　　答案补充
　　代码中加入float的话，以后加入的Div块也会跟着你前面定义的浮动，如果你不想让它跟着后面的浮动的话，就把它闭合！

时间： 2024-04-27 11:20:20

什么是float闭合的相关文章

CSS技巧：关于CSS Hack与float闭合（清除浮动）

核心提示:CSS技巧:关于CSS Hack与float闭合 一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标签, firefox 暂不支持.而*+html 又为 IE7特有标签. <style>#wrapper{#wrapper {

关于CSS Hack与float闭合

一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1. !important 随着IE7对!important的支持,!important 方法现在只针对IE6的HACK.(注意写法:记得该声明位置需要提前.) <style> #wrapper { width: 100px!important; width: 80px; } </style> 2.IE6/IE77对FireFox *+html 与 *html 是IE特有的标签,firefox 暂不支持.而*+html

关于CSS Hack与float闭合（清除浮动）

一.CSS HACK 以下两种方法几乎能解决现今所有HACK. 1, !important 随着IE7对!important的支持, !important 方法现在只针对IE6的HACK.(注意写法.记得该声明位置需要提前.) <style> #wrapper { width: 100px!important; width: 80px; } </style></P> <P> 2, IE6/IE77对FireFox *+html 与 *html 是IE特有的标

CSS清除浮动 万能float闭合

清除浮动,新手朋友往往不是很明白.如果不清除浮动对float进行闭合,在FF中往往会出错,本站有大量的文章进行过介绍.今天向大家推荐一个实例,非常简洁易用. 给需要闭合的DIV(class为clearfix)加上如下的CSS样式即可: .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;} *html .clearfix{height:1%;} *+html .clearfix{

CSS HACK 与float浮动实现代码

一.css hack 以下两种方法几乎能解决现今所有hack. 1, !important 随着ie7对!important的支持, !important 方法现在只针对ie6的hack.(注意写法.记得该声明位置需要提前.)    代码如下 复制代码 <style> #wrapper { width: 100px!important; width: 80px; } </style> 2, ie6/ie77对firefox *+html 与 *html 是ie特有的标签, fire

DIV+CSS设计时浏览器兼容性问题

在这种浏览器下显示正常,在另一种下就乱了,我们在编写CSS的时候会很恼火,刚修复了这个浏览器的问题,结果另外一个浏览器却出了新问题.    什么是浏览器兼容:当我们使用不同的浏览器(Firefox IE7 IE6)访问同一个网站,或者页面的时候,会出现一些不兼容的问题,在这种浏览器下显示正常,在另一种下就乱了,我们在编写CSS的时候会很恼火,刚修复了这个浏览器的问题,结果另外一个浏览器却出了新问题.好吧,我服了行吧,那我就利用你们的不兼容各写一段css,让他们各执行各的,呵呵.  一.!impo

IE6.7.8.FF兼容的问题的解决之道

作为一个网络架构师,在网站设计的时候,应该注意遇到最常见的问题是css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网站,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 通用 height: 100px;   IE6 专用 _height: 100px; IE6 专用 *height: 100px;   IE7 专用 *+height: 100px; IE7.FF 共用 height: 100px !important;一.C

弹性+固宽布局

当然为了减少这种屏幕的浪费,采用弹性流体布局是最好的解决方案,它可以充分利用屏幕空间,无论你是多大分辩率的用户,都能尽情满屏展示内容. 在当今用户的显示器越来越大的今天,之前的1024*768固宽布局有点越来越不合时宜,对大屏幕的用户而言,两侧空空的留白给人第一眼的印象是严重的屏幕浪费,作为网页设计师的你有责任给这一批用户一个良好的用户界面.     当然为了减少这种屏幕的浪费,采用弹性流体布局是最好的解决方案,它可以充分利用屏幕空间,无论你是多大分辩率的用户,都能尽情满屏展示内容.然而因为种种

谈网页的弹性布局与固宽布局设计

这里所说有弹性,指的是背景去自适应屏幕宽度,而固宽呢,则是让正文内容无论在宽屏还是窄屏中都能自动居中.夹缝中求生存,以满足不同大小分辩率用户的需要... 在当今用户的显示器越来越大的今天,之前的1024*768固宽布局有点越来越不合时宜,对大屏幕的用户而言,两侧空空的留白给人第一眼的印象是严重的屏幕浪费,作为网页设计师的你有责任给这一批用户一个良好的用户界面. 当然为了减少这种屏幕的浪费,采用弹性流体布局是最好的解决方案,它可以充分利用屏幕空间,无论你是多大分辩率的用户,都能尽情满屏展示内容.然