使用百分比来获取高度,必须要求定义了父容器高度
如果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;
}
如果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;
}