height100%无效，不用w3c　有什么影响？该怎么处理-HTML教程-爱易网页

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

日期：2014-05-17　浏览次数：20633 次

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>