常州网络公司首页 >>> WEB编程 >> DHTML&HTML

网页中,高度为100%无效,怎么解决

发布时间:2009-7-23 15:18:42   浏览次数:5378

经常在做网页的时候,发现,对表格设置高度为100%时,没有反应,记得以前好像可以的,怎么现在就不行了呢。

经过多方的查询,原来问题出现在这一句代码上:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

这句代码我也说不清到底起到什么作用,我好像全删除也没有问题。页面也能正常显示,

但在使用中发现,如果把这一句全部删除,原本用DIV+CSS做的页面就会移位,有的CSS功能也无法实现,很是郁闷。

最后把这一句删除,就可以实现100%。

这样,CSS的功能能用,且100%也能实现。
就是删除了原本中间的:"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd",我是说不清这些有什么使用。呵呵。。知道的人说一声。

补充:

今天一网友看到我这个文章,说加上
body {
 height: 100%;
}
html {
 height: 100%;
}
这两个中间一个就可以实现,而不要删除HTML页面里的第一行的一句。

我试了一下,IE8里只加一个,不行,要两个同时加才行。在IE7他那边试了只要加一个就可以了。

最后:如果不删除<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这一句,那就在网页里的CSS中加上:

body {
 height: 100%;
}
html {
 height: 100%;
}
为了能适应多种浏览器,两个都加上吧。呵呵。。

谢谢这位网友的提醒。呵呵。。

上一条:HTML特殊符号对照表
下一条:如何在网页地址栏里显示图标(Favicon.ico)
首页 | 在线留言 | 网站地图

CopyRight ©2008-2014   糊涂蛋技术网    苏ICP备05013073号
站长:万创   QQ:54960248  E-mail:xlxcn#126.com