나는이 테스트 사이트를 친구에게 만들어 주려고합니다. 그것은 스크롤 할 중간에 하나의 div로 4 개의 고정 된 위치 div가 있습니다. 문제는 bodyline div가 왼쪽 div에 겹쳐져 있다는 것입니다.float divs overlapping
는 무엇이 잘못되었는지의 미리보기가있다.
아무도 도와 줄 수 있습니다. 필요한 경우 더 설명 할 수 있습니다. JSfiddle은 문제를 완벽하게 보여줍니다.
고정 DIV는 더 이상 DOM 흐름의 일부가 아니며 center div에 대한 참조 지점으로 사용할 수 없습니다. 그러나 중심 DIV의 여백을 결정하는 방법으로 백분율 또는 픽셀 기반 너비를 사용할 수 있습니다.
Ergo, 30px 너비의 왼쪽 div는 중앙 div가 30px의 왼쪽 여백을 필요로한다는 것을 의미합니다.
정말 여기에서 수학이 나옵니다.
이제 div를 수정하는 대신 div를 상대 위치 지정으로 이동하면 다른 이야기가됩니다.
시도 : width:25%; 및 padding: 0px 0px 0px 60px; 및 text-align: justify;은 #bodyline입니다.
예 이러한 문제는 수정해야합니다. 왜냐하면 그들은 무엇을 그렇게 영원히 움직이지 않기 때문입니다. –
@ChristopherButcherBaldwin 그래, 그래서 귀하의 여백을 고정 Divs의 너비와 동일하게 설정하고 래퍼와 동일한 div의 너비와 divs의 합계 너비를 뺀 –
http : // jsfiddle .net/H23du/13/ –