当前位置: 网站建设 > 网页设计 > 建站经验 >

用br代替div清除浮动

时间:2013-03-02 04:07来源:未知 作者:admin 点击:

标签:用br代替div清除浮动 下面(16)是在(4)st(3)浮动(33)div(47)清除(13)代替(2)对照(5)opera(1)
下面是在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 Titleh3怎么才可贵/h3/span 03 /div 04 05 div id=lt_navigation_top 06 div class=lt_navigation_left 07 a href= Older Article/a 08
用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清除浮动相关文章
上一篇:用a程序读取网站的alexa世界排名 下一篇:用class实现IE8“添加网页快讯”功能
回到顶部