CSS에서 두 객체의 겹침을 피하는 방법은 무엇입니까?

질문

튜토리얼 https://www.youtube.com/watch?v=l6nmysZKHFU누구든지8:10에CSS로저를도울수있습니까?그는나중에생성하는객체가겹치지않도록메인태그를생성해야한다고말합니다.나는그것을하는더좋은방법이있다는것을알고싶습니다.다른요소가도구모음에서겹치지않도록도구모음CSS에서약간의조정을할수있습니까?

답변1

고정 위치 대신 top : 0; 과 함께 position : sticky; 를 사용할 수 있습니다. 그러면 겹침을 피하기 위해 다른 요소를 추가 할 필요가 없습니다.

고정 위치

이것은 기본적으로 상대 위치와 고정 위치 사이의 하이브리드로, 위치 지정 요소가 특정 임계점 (예 : 뷰포트 상단에서 10px)까지 스크롤 될 때까지 상대적으로 위치 된 것처럼 작동 한 후 고정됩니다.

 

 

 

 

출처 : https://stackoverflow.com/questions/62615964/how-to-avoid-the-overlapping-of-two-object-in-the-css