javascript - 성배 레이아웃에 대한 약간의 의심
이것은 표준 성배 레이아웃이며 HTML 코드입니다
으아악sheng.png
给我你的怀抱2017-07-05 10:56:07
웹 페이지 요소는 HTML 작성 순서와 흐름 모델에 따라 배포됩니다.
여기서 왼쪽 요소는 위치가 없기 때문에 다음 줄로 흐릅니다. 이제 margin-left를 자체 너비로 설정합니다. 이는 위치를 차지하지 않는 것과 동일하므로 첫 번째 줄의 끝으로 흐릅니다.
margin-left의 음수 값이 커질수록 천천히 왼쪽으로 이동합니다.
Set
margin-left: -100%; // 상위 요소 너비의 100%와 동일
이때 왼쪽 요소는 첫 번째 줄의 가장 왼쪽에 오게 됩니다.
