FRONT/CSS (2) 썸네일형 리스트형 translate() 그리고 absolute positioning 들어가기 전.. 안녕하세요. 오늘의 주제는 absolute와 translate! 비슷비슷한 녀석들을 데리고 왔습니다. absolute positioning 가장 가까운 static이 아닌 조상 엘리먼트에게서 상대적으로 위치가 지정됩니다. ※ html ※ css .relative { width: 100%; height: 300px; position: relative; } .absolute { position: absolute; bottom: 40px; right: 40px; } ※ result position : relative 저는 relative 값을 갖고 있는 부모 엘리먼트입니다. 제가 static이였다면 제 자식 absolute 엘리먼트는 제 상위나 body를 기준 삼을 것입니다. position .. css : Flex 알아가기 들어가기 전.. 제 첫 포스팅입니다. 이번에 프론트엔드 면접을 보면서 flex 관련 질문이 나왔고 시원하게 대답을 하지 못했습니다. ㅠ-ㅠ 반성하자는 의미에서 flex에 대한 포스팅을 적습니다.. FLEX? 너 뭐하는 놈이야? css의 flex. 이야기가 많이 나오죠. 요즘 흔히들 말하는 자랑할 때의 FLEX? 언어유희입니다. 하하..! (MDN曰) flexbox가 웹 개발자들의 관심 받게된 이유 중 하나는 웹 최초로 적절한 정렬 기능을 제공했기 때문입니다. 물론, 이나 float inline-block 등으로 정렬하는 경우도 있지만, clear를 꼭 해줘야 하거나 inline-block의 기본 여백 등 문제가 있기에 우리는 flex 를 사용하는 것이 좋습니다. Flex(Flexible Box)는 엘리먼.. 이전 1 다음
