热搜： Python PHP vue dedecms MySQL

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

发布时间：2023-03-15 22:12:29 来源：网络

.

不吃油腻的东西，让身体更清洁；不做不可及的梦，让睡眠更安恬；不穿不合脚的鞋，让步伐更悠闲；不跟无谓的潮流走，让心情更宁静；不缅怀无法回头的过去，让生活更快乐用心去爱，真诚去交，不求深刻，只求简单。简单每一天，幸福每一天。

在以前的网页中，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%;以保证两个浏览器下均能够正常显示。

以上就是w3c标准自适应高度height100%不起作用的问题分析。懂得应该怎样生活的人是高尚的，对此浑浑噩噩生活的人则完全可以说是不如奴隶的。省察自己的生活，保护好自己的心灵，去除造成生命痛苦的恶习、恶因，才会让自己成为如意生活的主人，才能摆脱奴隶一般被动受苦的人生。只有在省察中为自己而活，并找到合于真相、真理的良好意义，生活才会变得良好而清醒。更多关于w3c标准自适应高度height100%不起作用的问题分析请关注haodaima.com其它相关文章！

以下您可能有感兴趣的文章:

标签： 自适应不起作用