我确信这个地方有一个答案，但我已经看了一会儿，我一定不能找到合适的条款。这实际上是两个问题，但它们可能是相关的。
我有2个部分到页面，其中可以有任意数量的＆＃34;信息部分＆＃34;还有一个＆＃34;其他部分。＆＃34;对于响应式设计，它们必须如此显示（因此在我的HTML中相应地排序）：
|info div |
-----------
|info div |
-----------
|info div |
-----------
|other div|
但对于我的全尺寸网站，我希望有这样的东西，其中信息div位于右侧，直到另一个div的末尾，然后占据宽度的100％：
| other div | info div |
| (other div content) | (content) |
| | info div |
| (end of content) | (content) |
----------------------- |
|<------info div (content) -------->|
我可以使用float：left为div工作，但不能将信息DIV放在＆＃34;其他div之后。＆＃34;另外，我想整行整个部分而不是行本身，以避免这样的事情：
| other div | info div |
| (other div content) | (content) |
| | info div |
| (end of content) | (content) |
----------------------- info div |
|<---------------(content) -------->|
感谢您的帮助，如果需要，我可以提供更多详细信息或示例。以下是网站上展示我的问题的页面：
1000px左右看起来是正确的，除了我喜欢整个＆＃34;块＆＃34;被推到下一行而不是一行。在1000px以下，您会看到内容已堆叠，但不是我喜欢的顺序（相关文章和虚拟图库应该在上面）。
感谢。