假设我有三个divs：a、b 和 c，它们共享一个共同的包装 div，并且我想对齐为三联画。
是否可以让 b 或 c 具有固定的宽度（想象带有 的侧边栏nav），而其他两个则流畅地扩展？请注意，源顺序很重要（a、b、c 顺序）。A max-width（而不是固定的）也可以正常工作，只要它支持其他两个 div 的流体扩展。
问问题
287 次
1 回答
1
是的你可以！看看这个SassMeister 展示了固定柱和流体柱。
现在，有几个警告。首先，您需要固定宽度的排水沟，因为如果并非所有列都是流动的，您就不能拥有与流动列成比例的排水沟。其次，您需要使用calcSingularity Extras 的输出样式。这意味着您的列将使用 CSS3 输出calc，虽然广泛可用，但确实需要对不支持它的浏览器进行后备。除此之外，calc输出风格与输出风格完全一样isolation。
去年calc引入输出样式时，我写了一篇题为Bulletproof Combo Fixed and Fluid Grids with CSS Calc的博文，详细解释了如何使用calc创建固定和流体网格并将其引入 Singularity。
于 2014-12-15T14:03:20.597 回答