w3c标准自适应高度height100%不起作用的问题分析

ttx9n · 发表于 2008-10-30 14:16:26

Firefox中的HTML标签不是 100%高度，因此给两个标签都定义为height:100%;以保证两个浏览器下均能够正常显示。在以前的网页中，table用height: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">
后就和没有用height:100%一样了，后来发现要给html,body都增加height:100%的属性，这是高度自适应问题的关键所在。

复制代码代码如下:
html,body{
margin:0px;
height:100%;
}

一个对象高度是否可以使用百分比显示，取决于对象的父级对象，Table在body之中，因此它的父级是body，而浏览器默认状态下，是没有给body一个高度属性的，因此当我们直接设置#left为height:100%;时，不会产生任何效果，而当我们给body设置了100%之后，它的子级对象Table的height:100%;便发生作用了，这便是浏览器解析规则引发的高度自适应问题。而代码中除了给body应用之外，还给 HTML对象也应用相同的样式设计，这样做的好处是使IE与firefox浏览器都能够实现高度自适应。另外，Firefox中的HTML标签不是 100%高度，因此给两个标签都定义为height:100%;以保证两个浏览器下均能够正常显示。

kwa3hgmjp · 发表于 2022-8-9 18:06:24

554411515451555

123456 · 发表于 2022-9-8 22:54:44

儿飞飞微风DVD谁vdsvd

wangdj110 · 发表于 2023-3-16 08:24:43

这个源码还可以

plvo189 · 发表于 2023-8-9 02:30:41

收下来看看怎么样

r8st9 · 发表于 2023-9-12 06:31:34

vcxvcxv

lba36h7g · 发表于 2023-9-13 03:22:59

撒旦撒旦撒擦擦擦擦

回复用户5 · 发表于 2023-10-25 12:13:58

啊，数码撒飒飒飒飒

i1efp6c · 发表于 2023-11-25 01:25:31

我找了挺久终于找到了

9jduu05 · 发表于 2024-3-10 15:37:26

天天源码社区www.tiantianym.com

账号		自动登录	找回密码
密码			立即注册

[CSS] w3c标准自适应高度height100%不起作用的问题分析

相关帖子