html css布局。固定总宽度，3列，动态中间列 [英] html css layout. Fixed total width, 3 columns, dynamic middle column

问题描述

这是可能的吗？

有时左边的菜单不存在，所以我想中间的col也占用那个空间。

有时候右边的菜单不是

所有应该被封装在固定宽度（1000像素）的容器中。

Is this at all possible?
Sometimes the left menu is not there, so i want the middle col to take up that space too.
Sometimes the right menu is not there, so middle should take its space too.
All should be wrapped in a container with fixed width (1000px).

推荐答案

ALA有一个古老却又鲜明的答案，我相信可以解决几乎任何类似的问题： http://www.alistapart.com/articles/holygrail/

ALA has a old but brilliant answer that I believe could solve almost any similar question: http://www.alistapart.com/articles/holygrail/

当然问题与细节有关：您想要中间列中的内容根据可用空间调整大小，或者并排浮动以占用额外空间。添加到复杂性可能是不可伸缩的元素（图像等），一些有 min - 和 max - width（为了可读性，文本段落具有一定的最佳宽度范围）。就像我说的，魔鬼的细节 - 细节，这似乎只有你在这个时候拥有。有了这些信息，这就是我们可以提供的。

Of course the problem's with the details: Do you want the contents in the middle column to resize based on the available space, or float up side-by-side to occupy the extra space. Adding to that complexity may be elements that are unstretchable (images, etc.), some that have a min- and max- width (paragraphs of text have a certain optimal range of widths for readability). Like I said, the devils in the detail - details which it seems only you possess at this time. With these much information this is all we could provide.

这篇关于html css布局。固定总宽度，3列，动态中间列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！