DIV分页（不打印）

Question

可能是一个简单的问题，但是使用div在逻辑上分解页面的最佳方法是什么，无论其上方和下方的项目是如何浮动或定位的。用于在网络上查看，而不是在打印方面的分页。

我正在尝试这样的事情，但它不起作用：

<div id="top block" style="width: margin-left: auto; margin-right: auto; clear: both">
<div id="left" style="float: left; width: 200px">
<p>Text text text</p>
</div>
<div id="center" style="float: left; width: 500px;">
Image
</div>
<div id="right" style="float: left; width: 200px">
<p>Text text text</p>
</div>
</div> <!--End of top block-->

<div id="page break" style="width: 1000px; clear: both;"></div> <!--I want this to be a hard break where everything after it appears below-->

<div id="bottom block" style="text-align: center">
<p>Text text text</p>  <!--Things from this paragraph are popping up above the forced page break depending on how I align things.-->
</div>

Answer 1

我没有遇到你的问题。顺便说一句，您不需要为“break”div指定宽度，您可以尝试使用：

<div id="page break" style="clear: both; display:block;"></div>

here is a Fiddle在那里我给div着色，让你看得更清楚他的行为。