CSS - 简单的两列

Ale*_*lex 5 css image css-float

我有一个流动的页面(100%宽度)与此内部:

[image-fixed-width] | [text-fluid-width -----------------------------------]
                    | -----------------------------------------------------
                    | -----------------------------------------------------
Run Code Online (Sandbox Code Playgroud)

我需要图像旁边的文字不要环绕它,而是要显示在它旁边(如图所示),就像另一列一样.同时,文本需要跨越整个页面宽度.通过在文本左侧设置边距可以很容易,但问题是我不知道图像的确切宽度.图像大小可能会有所不同......

这有什么解决方案吗?

Rya*_*nal 6

尝试添加overflow:hidden; 到您的内容div.这应该迫使它坚持你的专栏.

http://jsfiddle.net/BG7FA/

编辑这在IE6中不起作用(图)