프론트엔드 첫걸음

이미지를 parent 요소의 패딩 무시하고 화면을 가득 채우도록 만들기 본문

개발 공부/CSS

이미지를 parent 요소의 패딩 무시하고 화면을 가득 채우도록 만들기

차정 2024. 3. 20. 12:40

이미지와 이미지에 대한 설명이 반복되는 페이지에서 
이미지에 대한 설명은 padding이 필요하고 이미지는 padding없이 가득 채워야하는 경우가 있다.

이때 이미지에 대한 설명이 들어가는 요소에 개별적으로 패딩을 반복해서 줄 수도 있지만 
이미지 컨테이너 요소의 margin을 조정하면 padding이 필요한 자식요소에 일관된 padding값을 적용할수있다.

 

See the Pen Untitled by JEONG (@cona) on CodePen.

'개발 공부 > CSS' 카테고리의 다른 글

height 100%를 쓰는 이유  (0) 2023.11.02
scrollHeight사용해서 accordian의 transition 효과 구현하기  (0) 2023.11.02
svg 아이콘 색바꾸기 어떻게 하나요?  (0) 2023.09.25
길이가 각각 다른 list item 중앙 정렬  (0) 2023.09.21
clip-path transition  (0) 2023.08.29
'개발 공부/CSS' Related Articles more