来讲讲：破洛洛搜集CSS兼容性技能年夜全（二）

更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签，搜索引擎将更有效地搜索到你的内容，并可能给你一个较高的评价(ranking)。
破洛洛文章简介：6.DIV浮动IE文本发生3象素的bug右边工具浮动，右侧接纳外补钉的右边距来定位，右侧工具内的文本会离右边有3px的间距.#box{float:left;width:800px;}#left{float:left;width:50%;}#right{width:50%;}*html#left{margin-right:-3px;//这句是关头}7.IE捉迷
　　6.DIV浮动IE文本发生3象素的bug
　　右边工具浮动，右侧接纳外补钉的右边距来定位，右侧工具内的文本会离右边有3px的间距.
　　#box{float:left;width:800px;}
　　#left{float:left;width:50%;}
　　#right{width:50%;}
　　*html#left{margin-right:-3px;//这句是关头}
　　

　　

　　

　　

　　7.IE捉迷躲的成绩
　　当div使用庞大的时分每一个栏中又有一些链接，DIV等这个时分简单产生捉迷躲的成绩。
　　有些内容显现不出来，当鼠标选择这个地区是发明内容的确在页面。办理举措：对#layout利用line-height属性大概给#layout利用流动高和宽。页面布局只管复杂。
　　8.float的div闭合;扫除浮动;自顺应高度
　　①比方：<#divid=”floatA”><#divid=”floatB”><#divid=”NOTfloatC”>这里的NOTfloatC其实不但愿持续平移，而是但愿往下排。(个中floatA、floatB的属性已设置为float:left;)
　　这段代码在IE中毫无成绩，成绩出在FF。缘故原由是NOTfloatC并不是float标签，必需将float标签闭合。在<#divclass=”floatB”><#divclass=”NOTfloatC”>之间加上<#divclass=”clear”>这个div必定要注重地位，并且必需与两个具有float属性的div同级，之间不克不及存在嵌套干系，不然会发生非常。而且将clear这类款式界说为为以下便可：.clear{clear:both;}
　　②作为内部wrapper的div不要定逝世高度,为了让高度能主动顺应，要在wrapper内里加上overflow:hidden;当包括float的box的时分，高度主动顺应在IE下有效，这时候候应当触发IE的layout公有属性(万恶的IE啊!)用zoom:1;能够做到，如许就到达了兼容。
　　比方某一个wrapper以下界说：
　　.colwrapper{overflow:hidden;zoom:1;margin:5pxauto;}
　　③关于排版,我们用得最多的CSS形貌大概就是float:left.有的时分我们必要在n栏的floatdiv前面做一个一致的背景,比如:
　　

　　

　　

　　

　　

　　好比我们要将page的背景设置成蓝色,以到达一切三栏的背景色彩是蓝色的目标,可是我们会发明跟着leftcenterright的向下拉长,而page竟然保留高度稳定,成绩来了,缘故原由在于page不是float属性,而我们的page因为要居中,不克不及设置成float,以是我们应当如许办理
　　

　　

　　

　　

　　

　　

　　

　　再嵌进一个floatleft而宽度是100%的DIV办理之
　　出处：web前端北风
　　义务编纂：bluehearts
</p>
这工具比表格好的唯一就是你可以定义一个ID，想怎么玩它就怎么玩他，表格用来处理显示数据，DIV+css+TABLE就行了，都什么年代了，以前没有DIV，而且386的年代不也一样，现在都奔腾4了