css文字重複ieバグによる文字の奇妙なコピー
複数のフローティング要素が互いに追従し、中間に注釈を付けると、最後のフローティング要素内のテキストがたまに一番下にコピーされます.学名Duplicate Characters Bug
プログラムコード
以下の方法で解決できます.
1、コメントを置かない.最も簡単で最も迅速な解決方法
2、注記2つのフローティングブロックの間に置かないでください.
3、文字ブロックを新しいの間に含める.例えば、
4、文字ブロックの固定幅を除いて、3と似ている.
5、豚の後に
またはスペースを入れる人もいますが、現象を解消するだけです.
6、フローティング要素に複数の幅を設定しないで、要素を含む下部に到達しないようにするか、最後の要素にmargin-right:-3 pxを設定します.あるいはもっと小さいです.
7、コメントはこのように書くことができます:
プログラムコード
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "//www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="//www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title> </title>
</head>
<body>
<div style="width:400px">
<div style="float:left"></div>
<!-- -->
<div style="float:right;width:400px">↓ </div>
</div>
</body>
</html>
以下の方法で解決できます.
1、コメントを置かない.最も簡単で最も迅速な解決方法
2、注記2つのフローティングブロックの間に置かないでください.
3、文字ブロックを新しいの間に含める.例えば、
↓これが多く出てきた豚
<div>. 4、文字ブロックの固定幅を除いて、3と似ている.
5、豚の後に
またはスペースを入れる人もいますが、現象を解消するだけです.
6、フローティング要素に複数の幅を設定しないで、要素を含む下部に到達しないようにするか、最後の要素にmargin-right:-3 pxを設定します.あるいはもっと小さいです.
7、コメントはこのように書くことができます: