Question

我正在努力完成一些在CSS中应该是基本的东西，但我在圈子里跑。

我在一个流体宽度div中有三个div。右侧的两个宽度未定义，应占用其允许空间的100％。完整的div已经是流动的。并且最右边的div应该具有200px的宽度并且是固定的。有点像这样：

[ [fluid(label)] [fluid(textbox)] [fixed=200(div)] ]

我正试图在CSS中找到一种方法。

提前致谢...

编辑：这是html

<footer>
    <form method="POST" action="/" id="input">
        <label for="message" form="input" class="username">Will:</label>
        <textarea id="message" cols="0" rows="0" autofocus form="input" wrap="hard" name="message"></textarea>
        <div id="buttons">
            <button type="submit" form="input" class="button medium" name="send" value="Send">Send
            </button>
            <button type="button" form="input" class="button medium" name="extras" value="Extras"><span>Extras</span><span>^</span>
            </button>
        </div>
    </form>
</footer>

Answer 1

你可以尝试使用display：table-cell - 但你需要在textarea周围增加一个div：

http://jsfiddle.net/tU6w2/

（虽然我应该添加这个在IE7中不起作用 - 它不支持表格单元格）

修改

在回答其他评论时，另一次尝试 - 这次使用jQuery - 我不认为它只能在CSS中完成：

http://jsfiddle.net/tU6w2/1/

CSS帮助 - 3列，2个流体，1个固定

1 个答案: