왜 오른쪽으로 떠서 순서가 뒤바뀌었어?
때때로 이상한 현상을 발견할 수 있다. 바로 대상에 오른쪽 부동을 첨가한 후에 표시 순서와 원래의 순서가 뒤바뀌었다는 것이다. 다음은 실례를 결합하여 이런 현상이 나타난 원인을 분석한다.
인스턴스 1:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title> </title>
<style type="text/css">
span {
border: 1px solid red;
}
</style>
</head>
<body>
<div>
<span>one</span>
<span>two</span>
<span>three</span>
<span>four</span>
<span>five</span>
</div>
</body>
</html>
상기 코드에서 원소의 순서는 코드 순서에 따라 배열된 것이다.
인스턴스 2:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="http://www.51texiao.cn/" />
<title> </title>
<style type="text/css">
span{
border: 1px solid red;
float: right;
}
</style>
</head>
<body>
<div>
<span>one</span>
<span>two</span>
<span>three</span>
<span>four</span>
<span>five</span>
</div>
</body>
</html>
위의 코드에span 요소에 오른쪽 부동을 추가했는데 결과의 배열 순서는 코드 순서와 정반대이다. 이 안의 원리는 사실 매우 간단하다. 코드가 순서대로 집행되기 때문에 첫 번째span이 가장 먼저 오른쪽 부동을 하고 그 다음에 두 번째span이 오른쪽 부동을 한다. 이런 추측으로 순서가 상반된다.
원래 주소:http://www.51texiao.cn/div_cssjiaocheng/2015/0507/906.html
원래 주소는 다음과 같습니다.http://www.softwhy.com/forum.php?mod=viewthread&tid=4649
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.