我正在开发一个活动页面的移动版本，该页面使用 div 作为列，使用浮点数进行格式化。我想在桌面布局上交替活动海报的两侧，但就像现在一样，当浮动垂直堆叠时，活动海报在活动描述之后结束。我现在一直在 CSS 和检查器内部，似乎无法让它工作。我尝试从左到右切换浮点数，添加 clear:both 和 clear:left/right 并弄乱了最小和最大宽度以及列百分比无济于事。测试版网站页面的链接在这里： http: //oxford.beta.st/events/。
我觉得应该有一个简单的解决方案......任何想法都非常感谢。
问题是我注意到您正在使用.column1并且.column2您交替使用一次用于描述和一次用于海报。所以它的行为应该是通过在描述应该在的底部添加你的“均匀”海报。
这意味着海报标记最终低于应有的水平，在这种情况下，我建议使用 CSS:nth-child 伪选择器的不同方法，以便您的标记保持不变（意味着始终.column1用于海报），但您可以使用 CSS 设置样式和浮动取决于元素。
另一个很好的资源，里面有关于如何使用这个强大的伪选择器的例子。
编辑：
添加了这个小提琴以展示如何使用 nth-child 来解决这个特定问题。请注意我的意思，每一行都这样.column1做.column2