DTD声明对指定百分比高度DIV的影响(For IE6)

最新推荐文章于 2024-09-15 22:12:53 发布

sloder

最新推荐文章于 2024-09-15 22:12:53 发布

阅读量1.9k

点赞数

分类专栏：前端设计文章标签： div ie xhtml html css

本文链接：https://blog.csdn.net/sloder/article/details/2544611

版权

前端设计专栏收录该内容

2 篇文章 0 订阅

订阅专栏

这部分是加入了XHTML1.0宽松规范的DTD声明,我在body中加入了一个ID为test 的层,然后用CSS对其width和height赋予80%的值,在IE6中预览,发现只有width值为80%, 而height没变.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>DTD with DIV</title> <style type="text/css"> div#test{ width:80%; height:80%; color:#FFFFFF; background-color:#0082ff; } </style> </head> <body> <div id="test"> This is test page </div> </body> </html>

继续,当我们把头部的DTD声明去掉后,代码如下

<html> <head> <title>DTD with DIV</title> <style type="text/css"> div#test{ width:80%; height:80%; color:#FFFFFF; background-color:#0082ff; } </style> </head> <body> <div id="test"> This is test page </div> </body> </html>

这时候,IE6就能显示height的高度了… 很多时候有这个声明与没有这个声明,出来的效果可是天壤之别,有时候甚至会发现,你的CSS代码没有任何错误.但出来的效果却和你想象的不一样的时候,你就要考虑是否是DTD声明的问题… 一点小发现,记上.