CSS 高度百分比

G法师 — Sat, 10 Sep 2011 10:19:03 +0000

关于CSS高度的百分比是这样规定的:

百分基数为元素包含块的高度,不可为负值.如果包含块的高度没有显式给出(即取决于内容的高度),该值等同于"auto".

元素在不设置高度的时候默认就是"auto".

所以百分比的高度必须在父元素有声明高度时使用.

但是有一种情况,如果此元素是绝对定位的(absolute或fixed) 那么百分比高度会起作用,其参照物为它的 offsetParent 的高度(不论是否设置)

css圆角

G法师 — Sat, 28 Nov 2009 07:24:47 +0000

用wordpress的人都知道，后台界面的按钮都是有圆角的，不过这些圆角不是用图片或DIV做的，而是真正的CSS圆角（当然，IE和Opera不支持）
标准的CSS3圆角是这样写：border-radius

但目前各浏览器实现里依然用的是私有属性
FF：-moz-border-radius: 5px;
chrome, safari：-webkit-border-radius: 5px;

著名皮肤制作人utom总结了圆角属性不同浏览器下的运用
-moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;