左右均能自适应的两列

Code

    说明：该样式中首先定义main元素宽为200px,背景为浅灰色(#cccccc)。然后定义其中宽为200px的子元素content浮动在右边切右边界为-200px,这样就使得content元素浮动在main元素的右面。然后再在content元素中嵌套子元素relative,使它浮动在content的左边，并且定义左边界为-200px.这样relative就浮动了content元素的左侧。
    适用情况：两列中任意一列的高度都不固定。

posted @ 2009-09-10 17:04  直来直往  阅读(128)  评论(0)  编辑  收藏  举报