继续在其他div中溢出文字？

Question

我想做的是创建一个网站，以人造字母形式显示我的骚扰。

我希望“纸张大小”（div大小）是固定的，并且文本要像这样在第二张纸（第二个div）上继续显示在第二张纸上（第二个div）。

抱歉，作为新用户，我无法发布我创建的屏幕快照以帮助解释我的情况，因此被迫链接，直到获得足够的声誉点为止：

只为简单起见： 我创建了一个简单的html / css页面，以最简单的形式演示了我想用代码完成的工作：

<style type="text/css">
* {
    margin: 0;
    padding: 0;
    border: 0;
}
.container {
    background: #FFFFFF;
    width: 600px;
    height: 400px;
    margin: 0 auto;
}
#lbox {
    background: #F00;
    width: 300px;
    height: 400px;
    float: left;
}
#rbox {
    background: #00F;
    width: 300px;
    height: 400px;
    float: right;
}
.flowcontent {
    padding: 10px 50px;
}
</style>

<div class="container">
  <div id="lbox">
    <div class="flowcontent">
      <p>Lorem Ipsum...</p>
    </div>
  </div>
  <div id="rbox">
    <div class="flowcontent"> </div>
  </div>
</div>

屏幕截图：

抱歉，作为新用户，我无法发布我创建的屏幕快照以帮助解释我的情况，因此被迫链接，直到获得足够的声誉点为止：

在这种情况下，我希望红色div的溢出继续在右侧的蓝色div中继续。

我意识到单独使用HTML /CSS可能无法做到这一点，但我希望CSS3可能对此具有一些新的技巧，因为它具有更高级的列处理功能。如果这是不可行的事，那么有人对逻辑方法提出建议吗？要使用PHP甚至JavaScript或JQuery分解它？

我知道PHP，但是仍然是JS / JQ newb，因此我（希望）提供了一些非常简单的示例代码，供任何人插入自己的JS / PHP示例。

无论如何，谢谢您的时间。

Answer 1

您需要的是Adobe提出的CSS区域模块，目前零浏览器支持该模块。如果您真的有兴趣，Adobe确实发布了一个非常粗糙的基于Webkit的浏览器以符合该规范。但是，正如其他人所说，您现在是SOL，需要找到其他解决方案。