《
用br代替div清除浮动》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302344152013.htm
下面是在IE跟opera下的对照:
1 <br style="clear:both;height:0;font-size:0px;" >
Tag:br DIV 扫除浮动 br DIV 肃清浮动
01 <div id="lt_title"> 02 <span title="Article Title"><h3>怎么才可贵</h3></span> 03 </div> 04 05 <div id="lt_navigation_top"> 06  ,
用a程序读取网站的alexa世界排名; <div class="lt_navigation_left"> 07 <a href=" ><< Older Article</a> 08 </div> 09 10 <div class="lt_navigation_center"> 11 <span title="Publish Day">Fri 10/29/2010</span> 12 </div> 13 14  ,
生命科学类网站发展模式;<div class="lt_navigation_right"> 15 <a href=" >Newer Article >></a> 16 </div> 17 18 <div style="clear:both;"></div> 19 </div> 20  ,
理解CSS的查找匹配原理,让CSS更简洁高效; 21 <div class="lt_entry"> 22 <p>最近一段时光无比轻松,甚至于经常把“来日干什么”当成无比庞杂的问题来看待……</p> 23 </div>
后果基础上到达预期,但仍是有很小的差异,最后罗唆用 br 调换 div 来消除浮动
1 <div style="clear:both;height:0",
澄清display inline;与float left;的用途;></div>
波及到表示的源代码如下:
--> [
网站建设之]用br取代div清除浮动
开端架设本人的博客时,在IE、firefox、chrome、360浏览器都测试过,前台表现不问题。前多少天,有个国外的友人给我博客的留言说我的博客在他阅读时有点问题,他用的是opera。我立刻下了个opera测试了一下,果不其然。在opera下,导航条下面的margin变得十分小了。
经由测试发明 div 在清除浮动时有默认高度,在opera表现为异样。
问题解决。
把清除浮动的 div 改成如下写法再测试
1 #lt_navigation_top 2 { 3 margin:0 0 43px 0; 4 border-top:dotted 1px #ccc; 5 color:#ccc; 6 font-family:Century Gothic,
漫谈网站友情连接, Arial, Helvetica, Georgia, Sans-serif; 7 }
(责任编辑:网站建设)
用br代替div清除浮动相关文章