Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- 빈도수세기
- 프론트 본인인증
- next15
- 다중포인터
- robots.txt
- CSS
- 카카오지도 구현
- App Router
- react
- 전체 너비로 css
- react swiper
- web3-react
- 프로그래머스
- use Client
- 함수
- nextjs contact us
- 알고리즘
- 메일 보내기 react
- Til
- 사이트맵
- 구글 메일보내기
- 카카오맵 api
- JavaScript
- nextjs 메일보내기
- github
- Next.js 나이스 본인인증
- nextjs
- pass인증
- swiper
- React 나이스 신원인증
Archives
- Today
- Total
목록전체 너비로 css (1)
YEV.log

PC 버전을 구현할 때, 메인의 너비를 1024px로 설정하고 margin:0 auto; 를 사용하여 가운데 정렬하여 작업을 하는 도중, 메인 콘텐츠의 중간 요소의 너비를 화면 전체로 구현하고 싶었습니다. .넓히고자하는요소 { width: 100vw; margin-left: 50%; transform: translateX(-50%); } 해결법은 간단했으며, 전체 풀로 채우고자 하는 요소에만 css를 추가하면 됩니다. 결과화면 https://www.milindsoorya.com/blog/css-to-ignore-parent-padding
Web/HTML&CSS
2023. 5. 15. 10:30