三层嵌套:
HTML:
<div class="mid"> <div class="top">
<div class="bottom">娄底市苦尽甘来三大矿价格联动数控加工量的价格联动监管漏洞涉及管理会计管理监督所抛弃哦阿隆索的健康菲拉斯艰苦地方雷克萨京东方雷克萨解放拉康的法律</div> </div> </div>
CSS:
.mid{width:259px;height:500px;background:url(images/mid.gif) 0 0 repeat-y;margin:0 auto;} .top{width:259px;height:7px;background:url(images/top.gif) 0 top no-repeat;} .bottom{width:259px;height:500px;background:url(images/bottom.gif) 0 bottom no-repeat;line-height:40px;}
三层嵌套必须给mid(最外层)、bottom(最里层)设置固定高,里面的背景才能出来,对于一些经常要改的模块来说,这样很费事,不利于维护。
有什么解决方案吗。。。大侠们。。。
HTML:
<div class="mid"> <div class="top">
<div class="bottom">娄底市苦尽甘来三大矿价格联动数控加工量的价格联动监管漏洞涉及管理会计管理监督所抛弃哦阿隆索的健康菲拉斯艰苦地方雷克萨京东方雷克萨解放拉康的法律</div> </div> </div>
CSS:
.mid{width:259px;height:500px;background:url(images/mid.gif) 0 0 repeat-y;margin:0 auto;} .top{width:259px;height:7px;background:url(images/top.gif) 0 top no-repeat;} .bottom{width:259px;height:500px;background:url(images/bottom.gif) 0 bottom no-repeat;line-height:40px;}
三层嵌套必须给mid(最外层)、bottom(最里层)设置固定高,里面的背景才能出来,对于一些经常要改的模块来说,这样很费事,不利于维护。
有什么解决方案吗。。。大侠们。。。