半流体布局CSS / Html [英] Semi Fluid Layout CSS/Html

问题描述

我有一个两列布局，其中我有一个静态宽度的右侧列350px，而左侧列的宽度应该是这样，它填充页面的其余部分。

I have a two column layout in which I have a static width for the right column of 350px, and for the left column the width should be such that it fills the rest of the page. Or at least that is what I want to happen, but unfortunately it's not.

这里是我的css / html： http://jsfiddle.net/CmJ7P/ 。

Here's a look at my css/html: http://jsfiddle.net/CmJ7P/. Any help you could offer on how to make this happen would be greatly appreciated.

编辑：如果可以

推荐答案

我刚更新了你的小提琴 - http ：//jsfiddle.net/CmJ7P/1/ 。基本上你需要从左边的列中删除浮动，并将右边的浮动列放在HTML中。

I just updated your fiddle - http://jsfiddle.net/CmJ7P/1/. Basically you need to remove the float from the left column and put the right floated column first in the HTML.

Adams的链接也有解决方案。

Adams' link also has the solution though.

这篇关于半流体布局CSS / Html的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！