两个div在一个包装器div中并排放置,它应该只有一个div内部伸展

时间:2012-10-01 23:02:39

标签: html5 css3 css-float browser-scrollbars css

标题几乎说明了一切。我有一个包装div,其中有两个div并排浮动。两个div中的内容及其长度各不相同。问题是,我需要使用正确的div来展开包装div。左侧div应该有滚动条,如果它的长度超过右侧div的长度。

IRC的一个人已经宣称这是不可能的,但我拒绝相信他。 CSS3和/或HTML5是完全可以接受的,因为整个网站已经与它们一起编写。

如果有人知道答案,请提前致谢。

1 个答案:

答案 0 :(得分:1)

这是我制作的小提琴应该达到你要求的目的:

http://jsfiddle.net/zftXu/1/

请记住,由于右边div的大小是动态的,如果其内容变得太大(在屏幕外),右边的div将移动到它下面的一行。如果你想防止这种情况,那么在包装器上放一个溢出和最大宽度,如下所示:

http://jsfiddle.net/zftXu/3/