Height100%的问题_html/css

来源：动视网责编：小采时间：2020-11-27 15:59:36

Height100%的问题_html/css_WEB-ITnose:声明文档模式后，在IE中以下代码height 100%达不到效果。 1.不采用header中注释的方法； 2.不采用给定的高度。有什么好的方法吗？求助！ --> 无标题页 123

推荐度：

点击下载本文 文档为doc格式

导读Height100%的问题_html/css_WEB-ITnose:声明文档模式后，在IE中以下代码height 100%达不到效果。 1.不采用header中注释的方法； 2.不采用给定的高度。有什么好的方法吗？求助！ --> 无标题页 123

声明文档模式后，在IE中以下代码height 100%达不到效果。
1.不采用header中注释的方法；
2.不采用给定的高度。
有什么好的方法吗？求助！

-->
无标题页

123

回复讨论(解决方案)

html,body{height:100%;}

html,body{height:100%;}

这个试过的，没用。

html,body{height:100%;}

这个试过的，没用。

IE6
http://www.cnblogs.com/huangyong8585/archive/2013/02/05/23058.html

html,body{height:100%;}

这个试过的，没用。

html,body{height:100%;}

这个试过的，没用。

IE6
http://www.cnblogs.com/huangyong8585/archive/2013/02/05/23058.html

第二种方法确实有效，不过我在问问题的时候已经提前说明了，不采用给定的固定高度，也不能破坏现有的代码结构（去除doctype的声明）。
第一种方法与问的问题不同，问题中是Table，并且td是跨行的，尝试用这种方法并未实现。

哦.那就不用height:100%,这个属性只有在父级定义高度的情况下才有效.

你就position:absolute;top:50%,之后再根据内容块的高度写margin-top:- 内容块高度1/2

也不能用绝对定位，第二行里的内容是可变的，并且这种TABLE会有很多。
其实我想实现的功能很简单，就是给多个TABLE的td添加两条不同颜色的左边框线。如果只是一条，倒也省事了。

td:nth-child(odd){border-left:2px solid red}td:nth-child(even){border-left:2px solid blue}

无标题页

td:nth-child(odd){border-left:2px solid red}td:nth-child(even){border-left:2px solid blue}

无标题页

这不对的，是实现一列有两条不同颜色的左边框线，所以我上面代码用了单列跨两行，可以将header中我注释的部分放开看下，截图效果：

推荐度：

点击下载本文 文档为doc格式

标签： 100 100% 的问题