css百分比的问题

使用百分比来获取高度，必须要求定义了父容器高度

如果div的父容器没有定义高度，那么设置百分比无效。其他具有box模型的标签也是同理

html是所有标签的父容器

默认情况下

在IE下html高度是100%而FF下面HTML标签并不是100%高度

是body容器在IE下body不是100%高度而FF下body标签是100%高度

所以定义css样式

html,body

{

width:100%;

height:100%;

}

div.col1

{

width:20%;

height:100%;

float:left;

background-color:#cccccc;

}

div.col2

{

width:80%;

height:100%;

float:left;

background-color:#ffffcc;

}