Outputor

position : sticky Edge 이상에서 사용가능함 position : sticky 는 스크롤이 되어서 이 요소가 화면에 나오면 고정시킨다는 특성이 있음 스크롤을 할 만한 부모 박스가 있어야함 top 등 좌표속성과 함께 써야 제대로 보임 부모 박스를 넘어서 스크롤 되면 이미지도 같이 사라짐 더보기 코드 Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptas asperiores deleniti fuga qui voluptate. Dicta, magnam blanditiis nam nisi cumque quis omnis, mollitia vero corrupti eius in ab veritatis porro. Lorem ipsum d..

float 속성 float: none ➡ float 속성을 적용안함 (기본값) float: left ➡ 요소가 컨테이너의 왼쪽에 배치됨 float: right ➡ 요소가 컨테이너의 오른쪽에 배치됨 margin: auto ➡ 요소를 중앙에 배치 clear 속성 float 속성이 적용되면 다음 요소가 float 속성을 상속 받는데 이걸 해제시킴 clear: left ➡ 왼쪽으로 배치된 float 속성 상속을 해지 clear: right ➡ 오른쪽으로 배치된 float 속성 상속을 해지 clear: both ➡ 양쪽에 배치된 float 속성 상속을 해치 (추천) float 속성을 쓴 태그의 부모 요소에 ::after로 clear:both 해주면 됨 이 부모 태그 안에는 float 속성이 들어간 태그만 사용하는..