使用 susy 固定宽度侧边栏和流体宽度主要内容区域

Question

我有一个非常简单的两列布局，左列是主要内容，右列是侧边栏，其中包含一些 300x250 像素的广告。我的问题是我希望侧边栏始终保持相同的宽度，这样它就不会切断我的广告（它们不能调整大小）。但是，我发现使用 susy 很难做到这一点。下面是布局的截图。

有什么想法吗？

Answer 1

您所描述的不需要布局框架 - 具有宽度的浮动 div 将使兄弟姐妹流动。你可以更明确地使用 CSS calc：https://css-tricks.com/a-couple-of-use-cases-for-calc/

width: calc(100% - 300px);