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

深入了解CSS 解决浮动元素消失BUG

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

标签:深入了解CSS 解决浮动元素消失BUG 了解(15)浮动(33)解决(48)CSS(655)元素(40)能够(24)深入(4)消失(1)尝(1)Bug(15)
3.能够尝试给#layout跟#left应用position:relative。 1.在对页面上的对象使用float浮动之后,最后在下面使用带有clear:both;的div对页面进行一些浮动上的清理工作,并且尽量防止对#layout使用background。 2.如果有可能,可以给#layout使用因定宽和高度,只管之样会对页面有所限度,但能打消一些捉迷藏的影响。 解决计划 荣幸的是,有很多方法可以解决这个bug。最轻易的办法可能是去掉父元素上的背景颜色或图像。但是,这经常是不可行的。另一个方式是避免清
深入了解CSS 解决浮动元素消失BUG》文章地址:http://www.tfxk.com/wangyesheji/jianzhanjingyan/0302344022013.htm

    3.能够尝试给#layout跟#left应用position:relative。

 ,淡定的去面对网站快照回档带来的不利影响;   1.在对页面上的对象使用float浮动之后,最后在下面使用带有clear:both;的div对页面进行一些浮动上的清理工作,并且尽量防止对#layout使用background。

    2.如果有可能,可以给#layout使用因定宽和高度,只管之样会对页面有所限度,但能打消一些捉迷藏的影响。

    解决计划

    荣幸的是,有很多方法可以解决这个bug。最轻易的办法可能是去掉父元素上的背景颜色或图像。但是,这经常是不可行的。另一个方式是避免清理元素与浮动元素接触。如果窗口元素利用了特定的尺寸,那么这个bug仿佛就不会出殃了。如果给窗口指定行高,这个bug也不会出现。最 后,将浮动元素和容器元素的position属性设置为relative也会减轻这个问题。

Tag:CSS   浮动   Bug   CSS   浮动   Bug   --> [网站建设之]深刻懂得CSS 解决浮动元素消散BUG

 ,淘宝的css属性顺序书写规范;  IE捉迷藏bug(peek-a-boo),之所以起这个名称是由于在某些前提下文本看起来消失了,只有在重新装载页面时才再度涌现。呈现这个bug的条件是:一个浮动元素后而随着一些非浮动元素,淘宝客网站如何经营,而后是一个清理元素,所有这些元素都包括在一个设置了背景色彩或图像的你元素中。假如清算元素砬到了浮动元素,淘宝UED招聘面试题 XHTML、CSS和javascript,那么旁边的非浮支元素看起来消逝了,隐到了父元素的背景颜色或图像后面,只有在刷新页面时才从新出现。

    捉迷藏bug固然是IE留下的后遗症,然而另一方面咱们应该在div的嵌套上遵守一些习惯,尽量使用起码的档次嵌套来满意页面设计须要,浮动层自动适应高度,使页面构造简略,适用,易把持与治理,尽可能的减少因为不用要的嵌套引来的连锁问题。

    4.对#layout使用line-height属性,强迫阅读器对其中的内容进行行距调剂,从面可以排除捉迷藏bug,例如使用line-height:1.2;就可能使页面运作变得畸形。


(责任编辑:网站建设)
深入了解CSS 解决浮动元素消失BUG相关文章
上一篇:淡定的去面对网站快照回档带来的不利影响 下一篇:深入剖析人才网程序的选择
回到顶部