yOu gOOd ?!

  • 홈
  • 살다.
  • 요즘 사는 맛🎇
퍼가요~♡

MARGIN 1

CSS width : 100 % 패딩 값 / 자식요소 오버플로우 / 부모 자식 여백

한 달 뒤의 내가 이 포스팅을 다시 봤을때 저 간단한걸 왜 몰라 할 수 있기를 바라며 ...  문제상황 : 습관성 width: 100% 로 인한 이슈가 발생하였다.자식 요소가 부모요소 밖으로 튀어나올때!! 어떻게 해결을 보면 좋을까!!뭐가 문제여서 그런걸까!! 을 알자보자 싶어 그냥 이것저것 해보고 기록하는 글이다.  0. 실험 기본 상태0. box-sizing은 기본값이다.1. body의 가로크기는 800px 이다. 2. 부모는 body의 가로크기를 100%으로 받고 패딩 50을 가지고 있다. 3. 자식은 부모의 가로크기를 100%으로 받는다. 여기서도 이슈 발생. 엄마가 오른쪽으로 치우쳤다. 이것은 body의 가로가 800에서 마진이 오토값으로 중앙정렬 되어 있는 상태에서 엄마의 패딩이 50으로 설정..

💻 FE/🍓 HTML & CSS 2023.12.22
이전
1
다음
더보기
프로필사진

yOu gOOd ?!

  • 분류 전체보기
    • 💻 FE
      • 🍓 HTML & CSS
      • 🍓 JS
      • 🍓 프로그래머스
    • 📚 개발 책
      • 📚 너는 아직 JS를 모른다. (맞다.)
      • 📚 운영체제, 컴퓨터 구조 등의 CS
      • 📚 코테 합격자가 될 수 있을까? JS 편
    • 📚 그냥 .. 책
      • 📗 비문학
      • 📗 문학
    • 부캠 실시간 리뷰잉
      • 개인 프로텍트
      • 팀 프로젝트
    • 명사로 삶. 동사로는 살다.

Tag

제로베이스내돈내산, CSS, MARGIN, 제로베이스스쿨, 제로베이스, 라온, 블록요소, 제로베이스직무부트캠프, 인라인요소, 프론트엔드쪽집게취업스쿨, PADDING, HTML, 제로베이스후기, 코딩테스트, width, 자바스크립트, z-index, 테일즈런너, 재귀, 프로그래머스,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/08   »
일 월 화 수 목 금 토
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
31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바