css 텍스트 반복 i bug 문자의 이상한 복사

1296 단어 htmlcssXHTMLIE
여러 개의 부동 요소가 서로 따라다니고 중간에 주석을 붙일 때 마지막 부동 요소 안의 텍스트는 간혹 맨 아래로 복사된다.학명 Duplicate Characters Bug
프로그램 코드
<!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. 주석은 두 개의 부동 청크 사이에 두지 마십시오.
3. 문자 블록을 새로운
사이에 포함한다. 예를 들어
↓ 이것이 바로 많이 나온 돼지
<div>.
4. 문자 블록의 고정된 폭을 제거하고 3과 비슷한 점이 있다.
5、어떤 사람들은 돼지 뒤에
또는 빈칸을 넣지만 현상을 없앨 뿐이다.
6. 부동 원소에 여러 폭을 설정하여 원소를 포함하는 밑부분에 도달하지 못하게 하거나 마지막 원소에 margin-right:-3px를 설정하지 않는다.아니면 더 작아요.
7. 주석은 이렇게 쓸 수 있다. Put your commentary in here...

좋은 웹페이지 즐겨찾기