• 简单记录以css实现无table的两列效果 - [css div CSS web ]2007-03-11

    假设有两列:一列在id为content的div中,一列在id为right-column的div中,以下代码实现两列效果,

    div#content {
      margin-right: 284px;
    }
    div#right_column {
      float: right;
      width: 284px;
    }

    简单解释就是以float为right属性将右列设为右漂浮,并设置固定宽度,然后设置左列的margin-right属性,以在右边空出这些宽度。

    需要注意的是在输出的html中右漂浮列应先输出。


    Tags: css div CSS web

    发表于 02:28:19 | 引用 0 | 编辑

评论

发表评论