0

可能是一个简单的问题，但是使用 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>
4

1 回答 1

0

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

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

这是一个小提琴，我在其中为 div 着色，让您更好地看到他的行为。

于 2013-04-12T23:08:28.527 回答