Tips:点此可运行HTML源码

随笔分类 -  xhtml/css2

something about the very basic konwledge of html and css
摘要:canrun IE6中很多Bug都可以通过触发layout得到解决,以上的解决方法无论是设置zoom:1还是设置width和height其实都是为了触发layout。下列的CSS属性或取值会让一个元素获得layout: position:absolute绝对定位元素的包含区块(containingblock)就会经常在这一方面出问题 float:left|right由于layout元素的特性,浮动模型会有很多怪异的表现 display:inline-block当一个内联级别的元素需要layout的时候就往往符用到它,这也可能也是这个CSS属性的唯一效果—-让某个元素有layout wi... 阅读全文
posted @ 2013-07-27 14:45 4pider 阅读(314) 评论(0) 推荐(0)
摘要:文字内容 .update{position:relative; display:inline-block; *zoom:1; *display:inline; *overflow:hidden; padding-right:25px;}.order{position:absolute; top:-2px; right:0;}由于ff,ie8,chrome 支持inline-block,所以其形成一个内联块,并有一个右边的内边距,所以其子元素的绝对定位right:0;可以做到右边为0,即可相对于左边自适应。而ie6,ie7不支持inline-block,所以其右边... 阅读全文
posted @ 2013-07-20 19:46 4pider 阅读(137) 评论(0) 推荐(0)
摘要:IE6及其以下版本可见IE7及其以下版本可见只有IE6版本可见除了IE以外的版本IE8及其以下的版本可见IE7及其以下的版本可见lte: 就是Less than or equal to的简写,也就是小于或等于的意思。lt : 就是Less than的简写,也就是小于的意思。gte: 就是Greater than or equal to的简写,也就是大于或等于的意思。gt : 就是Greater than的简写,也就是大于的意思。! : 就是不等于的意思,跟javascript里的不等于判断符相同因为IE各版本的浏览器对我们制作的WEB标准的页面解释不一样,具体就是对CSS的解释不同,我们为了兼 阅读全文
posted @ 2013-07-13 16:29 4pider 阅读(173) 评论(0) 推荐(0)
摘要:我们在开发中我们常会在IE中遇到很多莫名的bug,尤其是老态龙钟的IE6浏览器。为了提高我们的开发效率,需要经常总结,整理工作中遇到的问题。我们在网络上找到的IE Bugs 资料是零散的。不过,在老外的http://haslayout.net/css/网站上,他就系统的总结了IE的一些Bugs,分享一下。目前,这个网站上包含了 46 个“普 通的Bug” , 5个“布局方面的Bug” ,6 个“可以绕开的Bug” 以及 1 个“IE崩溃的Bug”,所有的这些Bug有58个指南和70个解决方法。这个列表目前更新到:2009年8月19日,周三 ,15时38分47秒。最新发表的教程:该网站包含44 阅读全文
posted @ 2013-06-16 19:07 4pider 阅读(143) 评论(0) 推荐(0)