我建立了以下测试用例：http://www.sassmeister.com/gist/9127157
问题是，一旦布局切换到三列（从bp 1075px开始），我就必须将.follow和.newsletter类的清除切换为无，否则将推送侧面框.contact和.thanks。但是现在.newsletter框堆叠在.follow框上方。
有没有办法用CSS解决这个问题（我已经尝试过clearfix mixins但没有运气），还是两个类.newsletter和.follow必需的html标记中的包装div？我没主意。 :(
在此先感谢Ralf
最佳答案
不幸的是，浮动的工作方式目前无法通过您拥有的HTML来实现。幸运的是，修复非常简单：包装<div>！
查看updated SassMeister gist以获得完整的解决方案。
基本上，要做到这一点，您需要将.follow和.newsletter包装在没有属性的包装div中，直到断点处需要将这两个项目堆叠在中间为止。然后，与其使用奇异性来定位这些项目，不如说它们只是100％的宽度，其中.follow浮动left或right，而.newsletter清除.follow浮动的方向（或both)最后，使用奇点将包含的<div>放置在该区域内，并使.contact和.newsletter正常放置。
关于css - 无法清除两个堆叠的奇点隔离跨度框，否则侧框会移动，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21923818/