|
| 内容 | |
|
| ||
|
| ||
绿色是无限拉伸的部分。
当边框这样的时候,通常我们为了向能够节省材料会把它按照现在可视的部分切割为红紫绿8大部分。然后分别置于div中,这样的问题是,绿色部分如果要随着内容自动变长撑开表格必须要复杂的js支持,如果不用js就必须给一个高度,这个高度必须每一个页面都要生成,实在太扯淡了。我实现之后,觉得很不满意。后来我还想用table实现这个,但是ff下面的td不支持position:relative属性,因此没法td里面做div的绝对定位,于是也放弃了table布局。
就是认为把需求弄复杂了。有点2.//www.dc9.cn
于是干脆把红色和紫色白色做成2个图,两个绿色和中间白色做成1个图纵向平铺。这样上中下3个图是最普遍的思想了,但是很费材料,但是相比较而言,最原始的思想才是最他妈简单的。中间的内容怎办呢?
中间的内容一个wrapper+inner,里面的inner左右margin小些,上下margin为负数。最后-----》搞定。
虽然材料看上去多了点白色。但是,正如上一篇所说的,白色的压缩量可以忽略不计。图片亦然。