Height 100%的问题_html/css_WEB-ITnose
程序员文章站
2022-05-16 11:55:08
...
声明文档模式后,在IE中以下代码height 100%达不到效果。
1.不采用header中注释的方法;
2.不采用给定的高度。
有什么好的方法吗?求助!
无标题页
这个试过的,没用。
这个试过的,没用。
IE6
http://www.cnblogs.com/huangyong8585/archive/2013/02/05/2893058.html
这个试过的,没用。
这个试过的,没用。
IE6
http://www.cnblogs.com/huangyong8585/archive/2013/02/05/2893058.html
第二种方法确实有效,不过我在问问题的时候已经提前说明了,不采用给定的固定高度,也不能破坏现有的代码结构(去除doctype的声明)。
第一种方法与问的问题不同,问题中是Table,并且td是跨行的,尝试用这种方法并未实现。
也不能用绝对定位,第二行里的内容是可变的,并且这种TABLE会有很多。
其实我想实现的功能很简单,就是给多个TABLE的td添加两条不同颜色的左边框线。如果只是一条,倒也省事了。
这不对的,是实现一列有两条不同颜色的左边框线,所以我上面代码用了单列跨两行,可以将header中我注释的部分放开看下,截图效果:
1.不采用header中注释的方法;
2.不采用给定的高度。
有什么好的方法吗?求助!
|
回复讨论(解决方案)
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中我注释的部分放开看下,截图效果:
上一篇: php 合并静态文件示例详解