css容器背景图高度自适应的三种简单方法

摘要： 在xhtml+css的设计中，经常会碰到类似本站blog采用的最大众化的左右分栏结构，注意看两栏之间有一条竖线分隔。当然实现这样的效果可能会有很多种方法，但我认为比较简单的一种方法就是：在分栏结构上父容器上定义一个背景图片来实现，这时ie下显示是正常的，firefox下这个背景图会因为高度为0而显示不出来。解决方法：设置父容器css属性：display: table;设置父容器css属性：overflow: hidden;在父容器内部的最后位置加一行： 阅读全文
posted @ 2012-01-11 17:46 wesxiaobao 阅读(2438) 评论(0) 推荐(0)

IE6,IE7下浮动元素不自动换行的解决方法

摘要： IE6非常可恶，以前一直崇尚IE7,后来发现IE7和IE6一样可恶，微软真TM受不了，没有定义width的浮动block元素总是出现不自动换行的BUG ，找了很多，也试了很多，唯一下面的方法比较完美，很简单，就是一个属性，把该block元素的CSS 中加入：white-space:nowrap;这一句，足矣，OK ，解决！ 阅读全文
posted @ 2011-12-30 18:41 wesxiaobao 阅读(532) 评论(0) 推荐(0)

解决IE6中标签高度小于10px时高度无效 IE6高度设为0无效

摘要： CSS技巧：解决IE6中标签高度小于10px时高度无效IE6中DIV高度小于10px时高度无效。我们只要把字体设为0就可以解决。例如：.mm{height:3px; font-size:0} 阅读全文
posted @ 2011-09-02 16:42 wesxiaobao 阅读(228) 评论(0) 推荐(0)

中文字体在 CSS 中的表达方式

摘要： 在写一个网站的样式表的时候，都会不可避免地用到一些中文字体，比如说微软雅黑、黑体等，除非是做英文站，或者说你乐意整站都用浏览器默认的字体，那我也算服了U。在 CSS 中写入中文字体的方法一般采用 font-family:"微软雅黑","黑体";这样类似的表达方式，但是对于像 WordPress 这样需要 UTF8 编码平台来说，一个不注意没有转换编码就会导致中文字体无法按照希望的字体表形出来。所以我们可以通过英文、unicode 这种形式来表达中文，比如说刚才的font-family:"微软雅黑","黑体";就可以 阅读全文
posted @ 2011-09-01 09:39 wesxiaobao 阅读(184) 评论(0) 推荐(0)