当前位置: 代码迷 >> HTML/CSS >> height100%无效,不用w3c 有什么影响?该怎么处理
  详细解决方案

height100%无效,不用w3c 有什么影响?该怎么处理

热度:606   发布时间:2012-04-11 17:42:33.0
height100%无效,不用w3c 有什么影响?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
-----
用这样的开头,div 或table height:100%无效,我想改为<html>开头,如果不考虑SEO优化,还有别的影响吗?
比如用jquery会不会有影响?

------解决方案--------------------
设置100%,是可以的,必须保证容器设置为固定的高度。下面是一个例子
HTML code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
html,body{height:100%;}
</style>
</head>
<body>
<div style="height:30%;background:red">div</div>
<table style="height:30%;width:100%;background:green">
<tr><td>table</td></tr>
</table>
</body>