在线急等IE6下子div调整高度就撑破父div 但子DIV高度比父小挺多_html/css_WEB-ITnose
程序员文章站
2022-05-29 11:01:00
...
如果跳到比父级div小点的高度 就撑下来好多。如图1
但子的高度调小就和父级div差好多。如图2
这是在ie7 8 下的正常显示,想ie6也调到这个效果。
求赐教
代码如下
父级div
.TabContent{
background:#fff;
width:302px!important;
width:299px;
height:146px!important;
height:146px;
border: 1px #e3e3e3 solid!important;
border-bottom:1px #e3e3e3 solid;
border-right:1px #e3e3e3 solid;
border-top:1px #e3e3e3 solid;
float:left;
margin-left:-3px;
text-align:center;
}
子div
.scrollfram
{
z-index:1;
height:152px!important;
_height:140px;
margin:0px;
width:302px!important;
width:299px;
overflow-y:scroll;
position: relative!important;
top: -25px;
left: 0px;
border: 1px #ff0000 solid;
position: relative;
}
但子的高度调小就和父级div差好多。如图2
这是在ie7 8 下的正常显示,想ie6也调到这个效果。
求赐教
代码如下
父级div
.TabContent{
background:#fff;
width:302px!important;
width:299px;
height:146px!important;
height:146px;
border: 1px #e3e3e3 solid!important;
border-bottom:1px #e3e3e3 solid;
border-right:1px #e3e3e3 solid;
border-top:1px #e3e3e3 solid;
float:left;
margin-left:-3px;
text-align:center;
}
子div
.scrollfram
{
z-index:1;
height:152px!important;
_height:140px;
margin:0px;
width:302px!important;
width:299px;
overflow-y:scroll;
position: relative!important;
top: -25px;
left: 0px;
border: 1px #ff0000 solid;
position: relative;
}
回复讨论(解决方案)
说实话 完全没有搞懂你描述的是什么 站内信
ie6好像有个什么3像素什么的。