带有 susy 的固定宽度侧边栏和流体宽度主内容区域

Fixed width sidebar and fluid width main content area with susy

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

有什么想法吗?

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

width: calc(100% - 300px);