来自论坛：流体、流体、固定和更多

自推出以来，CSS-Tricks 论坛一直运行良好。仅仅一个月多一点的时间，我们就有 130 多名成员和 660 多个帖子。出现了很多很棒的讨论，很多人都得到了他们需要的故障排除帮助。非常感谢大家！我想我会重点介绍几个帖子

Melz 说

我终于决定放弃表格，转向纯 CSS 布局。不幸的是，这真的很痛苦。我读了一本又一本的书，访问了无数的网站，嗯……现在我感到困惑和不知所措。“完美的流体布局” 正是我想要的，但我只需要一件事的帮助。我需要在布局中添加另一个流体列——流体、流体和固定。我似乎无法理解它。

您可以在此处查看帖子。我加入进来，展示了如何使用第一个和第二个列为流体，最后一个列为固定的方法来实现三列布局。您可以在此处查看我的示例。

用户 travisneilson 在这段代码中遇到了麻烦

div#logo {
   background: url('../images/logo.gif') top 10px no-repeat;
   height: 348px;
   width: 182px;
   margin-left: 6px;
}

事实证明，如果您要对您的背景属性使用 CSS 简写并包含背景定位，您需要先包含水平值，然后包含垂直值，如下所示

background-position: [%|px|left|center|right] [%|px|top|center|bottom];

Travisneilson 把这两个搞混了，这是一个很容易犯的错误！

Edwin 开始了一个新主题，要求大家自我介绍。好主意！我非常想了解更多关于你们的信息。所以，如果您有兴趣，请加入帖子并参与进来。

Andrew Vit

# 2008 年 5 月 3 日

顺便说一下，您流体-流体-固定演示中的 min-width 在 IE6 中不起作用。

Chris Coyier

如果您需要适用于 IE 的最小宽度解决方案，请参考帖子中提到的“完美流体宽度布局”。您可以使用专有的 IE“表达式”来实现这一点。

Kai Chan Vong

我希望有人告诉他关于 Firebug 的事……它真正很棒的地方在于，如果您将位置设置为 10px 10px，并实时更改它，您就可以实时学习所有内容。

当 margin 简写像指南针一样，N、E、S、W 时，我确实觉得水平方向然后垂直方向有点奇怪。

koew

# 2008 年 5 月 6 日

在“流体、流体、固定”布局中，将 fixed 列设置为 overflow: hidden; 会不会更好呢？否则，比列 width 更大的图片会破坏所有内容。

或者，是否可以为该列中的所有图片也设置固定宽度？就像 fixed-container img { max-width: 248px; }?

评论