dtd xhtml 1.0 transitional 和 dtd html 4.0 transitional...
时间：2010-08-18 来源：Devillyd
<!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="
<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="
<div style="background-color:red;height=100%">文字</div>
</body>
</html>
但是在HTML4.0中margin:0 auto;确没有居中效果,解决方法是用text-align:center;来实现居中效率
还有就是设置一些高度时的一些问题
div{
padding-top: 10px;
}
上面这段CSS在XHTML1.0中高度为35PX而在HTML4.0中将高度改为时才和XHTML1.0效果一样..
相关阅读 更多 +
