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

我试图完成一些在CSS中应该比较基本的东西，但我在圈子中运行。CSS帮助 - 3列，2个流体，1个固定

我有三个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>

来源

2011-12-03 willium

那么什么是你的HTML外观喜欢？ –

编辑原始与html – willium

你可以尝试使用显示：表细胞 - 但你需要周围的textarea的一个额外的div：

http://jsfiddle.net/tU6w2/

（虽然我要补充这不会在IE7的工作 - 它不支持表格的单元格）

编辑

在回答补充意见

，另一次尝试 - 这一次与jQuery - 我不认为它只能在CSS来实现：

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

来源

2011-12-03 20:33:09 ptriek

关闭。我希望textarea能够在不影响按钮AND的情况下在中心进行操作，左边的div应该围绕文本左右20px填充，而不仅仅是一个流体宽度，如果有意义的话。流体部分是文本的长度。 – willium

mhm。有道理，但你想要的是很多:-) 1 /文本区域操作：尽管ai知道没有办法控制它，但我看到许多固定的css设计在缩放textarea时破坏了，我更喜欢添加调整大小：无;到textareas和2 /我不知道如何实现... – ptriek

如果可能，我希望它能够在IE6 +中工作。 – willium

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

回答

相关问题