Firefox无法正确表示hr

Question

我有一个代码，应该用格式表示输出，

_____________________________
|                            |
|____________________________|
Insert

  __________________________

Poster                    Date
--------------POST------------
    Comm. ________________
    Comm. ________________

  ___________________________

Poster                    Date
--------------POST------------
    Comm. ________________
    Comm. ________________

现在，我的代码在chrome甚至是Internet Explorer中都能正常运行。但是firefox不接受我的格式代码。

_____________________________
|                            |
|____________________________|
Insert

  __________________________

Poster                    Date       ___________________________
--------------POST------------
    Comm. ________________
    Comm. ________________



Poster                    Date
--------------POST------------
    Comm. ________________
    Comm. ________________

我在这几个小时没有结果。任何修复？ 这是小提琴。如果页面中没有显示hr标记，http://jsfiddle.net/JA8TS/

Answer 1

您需要清除浮动元素，添加此行

<div style="clear: both;"></div>

在这些行之后

<input type="submit" name="submit" value="Comment " class="button" style="font-size:1em;width:100px;float:right;margin-top:4px;"/>
            </div>
        </form>

Demo

注意：由于smarty正在破坏此处的表单

，因此没有使表格更加精美

Answer 2

而不是<br>使用<p></p>分隔您的行，这将强制换行。

编辑：

我说分裂你的行，我的意思是将它们封装在<p></p>。

<p>Line 1</p>
<p>Line 2</p>

而不是：

Line 1<br>
Line 2