html - DIV 分页符(不打印)

Question

这可能是一个简单的问题，但无论页面上方和下方的元素如何 float 或定位，使用 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 着色是为了让您更好地了解他的行为。