最常用的办法是:把你div id=Layer7/div的背景颜色改成与此div的父级div的背景颜色一样,这样一来,div id=Layer7/div跟父级div的颜色融为一体,就算div id=Layer7/div高度固定,也看不出其高度会不会变化。这是大部分使用边侧菜单的网页常用的方法。要这么做,你的HTML代码只需要加上一个div,其它不变,修改如下:
div id=Layercontent /* 加上这个div,把6 7 8 9 10div 包起来 */ div id=Layer6/div div id=Layer7 div id=Layer8/div div id=Layer9/div /div div id=Layer10/div/div /* 加上这个div,把6 7 8 9 10div 包起来 */CSS代码其他不变,只用以下代码清单更换你相应部分:
#Layercontent { position:absolute; margin-top:152px; margin-left:21px; width:858px; background-color: #cccccc; /* 设置大背景颜色 */}#Layer6 { float: left; border-right: 1px solid rgb(120, 120, 120); width:615px; height:auto!important; _height:625px; min-height:625px; z-index:7; background-color: #cccccc; }#Layer7 { float: right; height:auto!important; _height:625px; min-height:625px; width:234px; z-index:7; background-color: #cccccc; /* 设置此div背景颜色与大背景颜色一样 */}#Layer10 { float: left; margin-top: 1.5em; width:858px; height:88px; text-align: center; line-height:44px; background-color: #cccccc; }颜色都可以修改,只需保证#Layer7与#Layercontent背景颜色一样,这样看起来#Layer7就像自动增加高度。
取消
评论