【 以下文字转载自 WebDev 讨论区 】
发信人: Erratic (漂砾[Symbolware]), 信区: WebDev
标  题: 两个DIV并排显示的问题
发信站: 水木社区 (Mon Mar  2 15:08:41 2009), 站内


两个DIV并排显示，一个固定宽度，靠右侧，另一个占据这一行剩下的空间，
应该怎么写呢？按照下面的写法，左侧的那个不是占据剩下的空间，而是缩短
到内部内容的宽度：

    <div id="content"
        style="position:relative;float:left;margin: 2.8em 0 0 12.2em;padding:
0 1em 1em 1em;z-index: 2;background: white;color: black;border: 1px solid
#aaa;line-height: 1.5em; top: 0px;">
        <a >left</a><br />
        <a >left</a><br />
        <a >left</a><br />
        <a >left</a><br />
        <a >left</a><br />
        </div>
    </div>

    <div id="right-column" style="float:right;width: 162px;position:
relative;padding: 35px 0px 0px 3px;right: 1px;z-index: 3;">
        <a >right</a><br/>
        <a >right</a><br/>
        <a >right</a><br/>
        <a >right</a><br/>
        <a >right</a><br/>
        <a >right</a><br/>
        <a >right</a><br/>
        <a >right</a><br/>
        <a >right</a><br/>
        <a >right</a><br/>
        <a >right</a><br/>
    </div>
--
FROM 123.112.63.*