2

テキストとフローティング要素の折り返しに問題があります。

IEではそれは正しく、私はそれをどのように望んでいるか、そしてFFではそれは奇妙に振る舞っています... FFでは、テキストはあまりにも早く折り返され、周囲divはあなたが期待するように拡大していません。

私は高低を検索し、自分自身を青でテストしましたが、結果はありません。誰かが私がこれを修正する方法を知っているので、FFでも正常に動作していますか？幅を設定することで解決できることはわかっていますが、動的なレイアウトが必要です（可能な場合は...）！以下のコード：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>

<body>

  <table style="border:2px solid steelblue;overflow:hidden;">
    <tr>
      <td style="width:100%;">
        <div id="page_content" style="float:left;background-color:#ffffff;">
          <div style="float:right;border:1px solid red;">
            ROTA FLOATED RIGHT
          </div>
          <p style="margin:0;border:1px solid green;">
            This is just a stupid text to show my point...
          </p>
        </div>
      </td>
    </tr>
  </table>

</body>

</html>

4

2 に答える 2

0

これを試してみてください

このように「p」タグに「float：left」を入れるだけです。

<p style="margin: 0px; border: 1px solid green; float: left;"> This is just a stupid text to show my point... </p>

これを実装すると、すべてのブラウザで同じ結果が得られます

于 2012-09-26T15:06:13.090 に答える
-3

これを試して：

<table style="border:2px solid steelblue;overflow:hidden;">
        <tr>
            <td id="page_content" style="background-color:#ffffff;border:1px solid green;">
                        This is just a stupid text to show my point...
            </td>
            <td style="border:1px solid red;">
                ROTA FLOATED RIGHT
            </td>
        </tr>
    </table>​
于 2012-09-26T10:35:20.373 に答える