我正在开发一个事件页面的移动版本，该页面使用div作为列和浮点数进行格式化。我希望在桌面布局上交替使用事件海报的两侧，但就像现在一样，当浮动垂直堆叠时，事件海报会在事件描述之后结束。我现在一直在CSS和检查员的内部，似乎无法使其工作。我尝试从左到右切换浮动，添加清晰：清除：左/右，并且与最小和最大宽度和列百分比混淆无济于事。测试版网站上的网页链接位于：http://oxford.beta.st/events/。
我觉得应该有一个简单的解决方案......任何想法都非常感激。
答案 0 :(得分：0)
问题在于我注意到您正在使用.column1和.column2并且您正在交替使用一次描述和一次海报。因此，它应该通过在描述应该在底部添加“偶数”海报来表现。
这意味着海报标记最终会低于应有的水平，在这种情况下，我建议使用CSS :nth-child pseudo selectors的不同方法，这样您的标记保持不变（意味着始终使用{{ 1}}用于海报）但你可以使用CSS来设置样式和浮动，具体取决于元素。
关于如何使用这个强大的伪选择器的另一个很好的资源是found here。
<强>编辑：
添加了这个小提琴，以展示如何将nth-child用于此特定问题。请注意我的说法，每一行都为.column1和.column1