Firefoxが2つのBRを持つスペースを表示しないのはなぜですか？

Question

私はこのwebsiteに取り組んでおり、データベースの投稿を表示しています。 \r\n\r\nを<br/><br/>に置き換えています。 Opera、Chrome、IEではうまく動作しますが、Firefoxでは1つだけのように1つだけジャンプします。<br/>（しかし、私はソースコードを見て2つあります）。

何か間違っているか、Firefoxが正しく動作していませんか？ Firefox 7を使用しています。

HTMLが生成されました。ダブルbrは正しく表示されません。 http://www.casaebase.com.br/css/default.cssで

<span class='conteudo'>No dia 19 de novembro, a <strong>Brasilit</strong> irá realizar uma palestra promovendo o lançamento de suas novas linhas de telhas <strong>Colonial</strong>, <strong>Shingle</strong> e <strong>Top</strong> <strong>Steel</strong>.<br /><br />A palestra é voltada para os profissionais que atuam na área de coberturas.<br /><br />Maiores informações podem ser obtidas com os vendedores.</span>

Answer 1

、次の宣言が表示されます。

.post .conteudo br { 
    display: block; /* <-- Causes the issue at Firefox*/ 
    height: 1px; 
} 

このdisplayプロパティはinlineする必要があります。空のblock要素（目に見える内容のないdisplay:blockの要素）はFirefoxでは表示されません。

Answer 2

問題は、CSSが<br>タグの通常の動作をオーバーライドしていることです。あなたはこれらのスタイルを削除する場合は通常通り<br>作品、

.post .conteudo br { 
    display: block; 
    height: 1px; 
} 

：Firebugの中で探し

は、私が<br>タグに移動したときに、私はこれを参照してください。

<br>タグのスタイルを選択した理由はわかりませんが、これはそのスタイリングの結果です。