フォームの互換性の問題があるので、アドバイスをお願いします～！とても悲しい_html/css

フォームの互換性の問題があるので、アドバイスをお願いします～！とても悲しい_html/css_WEB-ITnose

WBOY

リリース： 2016-06-24 12:19:22

オリジナル

1049 人が閲覧しました

< html xmlns="http://www.w3.org/1999/xhtml">

無題ドキュメント

「10」＃ffff00 "＆nbsp;

2 番目の TD の最初の行が、異常に表示されるのはなぜですか?

ディスカッション（解決策）への返信

タグを削除するだけでも同じになります。

IE では、最初の行の 2 番目の td が 10 という高い値に設定されています。正常に表示されないのはなぜですか?
IE は変わり者で、Google と Baidu の方法を 1 時間以上試しましたが、2 番目の TD の高さを 10px に設定できませんでした。
Chrome ブラウザは非常に従順です。

ついに解決策が見つかりました: 以下のコードを参照してください:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><table width="100%" border="1" cellpadding="0" cellspacing="0">  <tr>    <td rowspan="2" width="100px" height="200px" bgcolor="#990033"> </td>    <td id="td10" style="font-size:10px;line-height:10px;height:10px" bgcolor="#FFFF00"> </td>  </tr>  <tr>     <td height="190px" bgcolor="#CC0033"><p style="margin-top">sfsdfdfdsfdsf</p></td>   </tr></table></body></html>

ログイン後にコピー

重要なポイント:

1. テーブルの height="100%" 属性を削除します。

2. 2 番目の TD はスタイル属性を追加します: style="font-size:10px;line-height:10px;height:10px"
3. 3 番目の TD は属性を設定します: height="190px"。
最も単純化されたコード:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><table width="100%" border="1" cellpadding="0" cellspacing="0">  <tr>    <td rowspan="2" width="100px" height="200px" bgcolor="#990033"> </td>    <td style="font-size:10px;line-height:10px;height:10px" bgcolor="#FFFF00"> </td>  </tr>  <tr>     <td height="190px" bgcolor="#CC0033"><p>sfsdfdfdsfdsf</p></td>   </tr></table></body></html>

ログイン後にコピー