大数据表溢出固定宽度容器 - 我可以使容器扩大吗?

问题描述:

我正在使用以浏览器为中心的固定宽度布局的网页。居中容器的宽度以像素为单位设置。大数据表溢出固定宽度容器 - 我可以使容器扩大吗?

在几页上,内容容器中有一个大的数据表。在Firefox中,表格会溢出固定宽度的容器。 IE比较复杂,并且会扩展容器周围的表格,并且由于容器使用溢出的一些布局问题:仅针对IE浏览器。

我需要找出是否可以在容器上使用固定宽度,但也允许它展开以包裹大型数据表。我还需要避免一个解决方案,我将修改HTML ...我不能使用ID来仅将大容量页面上的容器作为目标。我需要一个纯粹的CSS解决方案。

我的感觉是,这是不可能的,我将不得不把标识放在那些需要大于标准的特定容器上。我在这里问,因为我真的需要第二个意见。

只是一个说明:我也试过最小/最大宽度,没有成功。

+0

我想你问的是你是否可以有一个“最小宽度”而不是固定宽度的容器,对吧? – Pointy 2010-03-05 15:06:48

+0

最小宽度解决方案的问题在于容器随后展开以填充浏览器窗口,当它真的需要居中居中时。另外设置最大宽度允许缩放和居中。 但是,在网站上的大部分页面中,我需要修正宽度,缩放到浏览器窗口大小只会打破大多数页面的布局。 我需要容器的宽度是固定的,但是也会覆盖太宽的内容。 – Matt 2010-03-05 15:14:51

如果min-widthoverflow不起作用,您将需要css hacks

如果最小宽度的问题是容器是块级元素并扩展为页面宽度,请尝试在该容器上使用display:inline的变体,以免拉伸。 (或者可能是保证金。)

+0

好主意,我曾尝试显示:inline \ inline-block,如你所建议的。这个收缩包装了内容,但是忽略了最大宽度的概念......容器不会扩展以适应宽表。设置页边距的问题在于,它们也不允许容器根据需要进行扩展 - 或者使每个页面都是流畅而灵活的,而不是固定的。 – Matt 2010-03-05 15:56:59

+0

你不想用inline/inline-block的max-width,你想要min-width - 所以它总是至少XYZ单位宽,但是可以扩展。但现在我想到了,我相信IE不尊重最大宽度。 – ANeves 2010-03-05 16:35:05