您的位置：首页 > Web前端 > HTML

DTD XHTML 1.0 Transitional 和 Dtd HTML 4.0 Transitional

2010-08-19 09:57 357 查看
<!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">

<!DOCTYPE HTML PUBLIC "-//W3C//Dtd HTML 4.0 Transitional//EN">
<html>

VS新建ASPX时都是1.0的

但发现XHTML 1.0有一个问题.就是BODY设置的高度100%的问题

下面是高度有问题的代码

<!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>
</head>
<body style="height:100%">
<div style="background-color:red;height=100%">文字</div>
</body>
</html>

结果是DIV的高度和DIV内容的高度一样..而不是整个屏幕的高度.

而HTML 4.0则可以为整个屏幕的高度

<!DOCTYPE HTML PUBLIC "-//W3C//Dtd HTML 4.0 Transitional//EN">
<html>
<head>
</head>
<body style="height:100%">
<div style="background-color:red;height=100%">文字</div>
</body>
</html>
但是在HTML4.0中margin:0 auto;确没有居中效果,解决方法是用text-align:center;来实现居中效率

还有就是设置一些高度时的一些问题

div{
height: 35px;
padding-top: 10px;
}
上面这段CSS在XHTML1.0中高度为35PX而在HTML4.0中将高度改为height:45px;时才和XHTML1.0效果一样..
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航