怕是没有什么好办法,一般都尽量避免使用不同背景色的问题,两种颜色的话还好办,但是三种的话,难办得很了
两种的话,三个DIV的父级DIV设置为一种,这个是两边较短的DIV所使用的颜色,中间内容较长的那个依然单独设置背景
对于你这个布局,如果中间部分基本都比右侧长的话,可以将右侧的颜色设完父级DIV的背景,而为中间设置单独的背景色,左侧也单独设置,因为左侧是定高的,所以你应该不会在乎左侧下面有背景色吧?反过来如果右侧长而中间短,则设置中间为背景色
总之就是让背景色把较短的那个的背景给补上,较长的那个就使用自己的背景
如果三列都要求是自上而下的颜色区分,可以把父DIV再分,比如
<div>
<div id="left"></div>
<div>
<div id="main"></div>
<div id="right"></div>
</div>
</div>
或者 把left和main放到一个div里,根据需要变一下,一个原则:短的那部分的背景色就设为父容器的背景色,以便让大背景把短的那部分补起来
这个只能解决大部分时候的问题,就是确保有一部分总比另两部分大的,不然就没办法了,你改用table吧,哈哈
你们公司有没有做美工的,底色让他们定,这方面他们专业一点
一般情况下两种解决方案:一、固定列宽度 二、背景色设置成单一色
study