欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

Height 100%的问题_html/css_WEB-ITnose

程序员文章站 2022-05-16 11:55:08
...
声明文档模式后,在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/2893058.html


html,body{height:100%;}


这个试过的,没用。



html,body{height:100%;}


这个试过的,没用。


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

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

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

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

哦.那就不用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中我注释的部分放开看下,截图效果: