流体css但不小于固定宽度

时间:2011-11-04 14:43:21

标签: css fluid fluid-layout fixed-width

好的,我正在研究流量css,我需要在我的网站上实现地图方面。我发现这个演示看起来像我想要的那样:

http://www.dynamicdrive.com/style/layouts/item/css-liquid-layout-39-fluid-fluid-fluid/

有没有办法让左列和右列变得流畅,这样它们就可以扩展到更大的浏览器窗口。但是不能限制在一定宽度以下,比如175px?

因此,如果某些用户有更多的浏览器空间,我希望能够使用它,从而允许所有三列都是流畅的。但无论浏览器窗口有多小(不包括移动浏览器,不是移动应用程序),左右列都不能低于某个宽度。

1 个答案:

答案 0 :(得分:7)

在要缩小的元素上使用以下标记但不小于175px;

min-width: 175px;

现在这只适用于IE8以及IE7以上的确支持它的类型,但它可能是一个小马车,所以你需要小心使用它

完全支持firefox 3.6+(可能更早),safari和opera 10 +