CSS流体设计问题

Question

我正在计划一个基于流体设计的布局，其中包含以下2个列;

以下是HTML代码：

<div id="container">
    <div class="fl wd5percent"><img src="titleText.jpg" /></div>
    <div class="fl wd95percent"></div>
</div>

此处第一列包含标题文本的图像，剩余宽度用于其他内容。

现在我的问题是因为这是一个流畅的布局，我不能在任何地方使用“px”宽度...我定义img使用max-width:100%，但这种类型会产生空白（或间隙） ）当第二个col高度更高时，在titleText图像下面。

如何定义我的CSS，以便在调整浏览器大小时页面可以很好地扩展。通过这个，我的意思是无论是什么浏览器大小，titleText图像将显示为占据全高度作为第二列的内容高度..

同样，我不能在CSS中使用px宽度或高度。所以我不能说，宽度：200px;高度：100px

Answer 1

请参阅以下小提琴链接：

http://jsfiddle.net/thilakar/xKrws/2/