CSS 포지션 속성 완벽하게 이해하기(3편)
233
작성한 질문수 1
자식요소를 부모요소 밖으로 위치 시킬 때 강의시간 10:23 쯤에 보면 예제에는 자식요소가 부모요소 테두리 바깥쪽까지 나가게 되는데, 선생님 코드로는 자식요소가 부모요소 테두리에 겹쳐지게 됩니다. 혹시 테두리 완전 밖까지 나가게 하는 방법이 있는가요?
답변 1
0
이 부분은 자식요소에 관련된건 아니구요.
부모요소에 box-sizing: border-box를 주시면 부모요소의 보더가 부모요소의 높이와 너비에 포함됩니다.
곧, 안쪽으로 들어간다는 의미입니다.
그리고 질문 주시지 않았으면 영상에서 제가 편집을 하지 않아서 불쾌하시게 해드리는 구간이 있었는데 그거 여전히 모르고 있었을거에요. 편집해서 다시 올리겠습니다.ㅜㅜ
2
아마 질문 주신분은 .parent의 border 두께가 5px이다보니, .child1의 top을 100%로 주면 5px 만큼 겹친다는 뜻 같아요!
그래서 5px도 겹치지 않게 하는 방법이 있는지 물어본 것 같습니다.
저같은 경우는 .child1은 margin-top을 5px,
.child2는 margin-left를 5px, .child3는 margin을 5px씩 각각 주었더니 겹치치 않고 딱 맞게 되었는데 이렇게 해도 괜찮을까요?
class 값 한 번에 부여하는법
2
95
1
@media에서의 flex-direction: column으로 세로배치 관련 질문드립니다.
1
79
1
div#css-checker-widget의 해결방
1
71
2
input의 포커스되었을때 검정선이 사라지지 않아요
0
94
2
강의듣는법
1
86
1
아코디언 만들기 100%이하의 화면으로 보았을때
1
74
2
input checked 질문합니다.
0
81
1
Bracket Pair Colorizer - 비주얼 스튜디오
1
151
2
Part 1 영상 안나옵니다
1
97
1
제이쿼리 작동이 안됩니다
1
211
3
강의 내용 질문있습니다.
1
128
2
일정 부분만 주석하는 방법
1
222
2
폰트어썸
1
143
2
인접선택자에 대한 질문드립니다!
1
135
2
delay 적용 안됨
1
137
1
rotateY(360deg)가 적용이 안됩니다!
1
190
2
세로이동할때 height값
1
142
2
폰트어썸이 안되요..
1
504
2
화면 정중앙에 오게끔 할수있나요?
1
175
1
어코디언 네비게이션 중
1
127
1
라이브서버 문제
1
241
2
넷플릭스 어코디언 예제 질문
1
107
1
이번 강의에선 display flex가 무조건 적으로 필요한건가요 ?
1
163
1
active 관련 질문
1
149
2