HTML & CSS
-
box-shadow, zIndex, negative margin, absolute와 flex 관계성에 대해 확인해본 결과 정리HTML & CSS 2022. 7. 8. 10:28
HTML 요소에 box shadow를 적용하고 그것을 container로 감쌌을 때 크기 변화가 있는지와 잘리는지 확인하기 정리: box-shadow는 자식에 적용되도 부모에서 잘리지 않는다.(ScrollContainer 같은 경우는 특수 케이스) 부모에 height을 지정해도 안잘린다. 부모가 여러 겹이어도 안잘린다. 자식이 absolute인데 flex-container 부모가 위치 조정 가능한지 테스트 (ex: 자식 스스로 align-self 가능한지 테스트) ⇒ 가능, 형제들과의 관계에서 위치 계산 안됨, 부모 크기 내에서 flex 명령어 적용됨 정리: 부모가 flex-container이고 자식이 absolute라도 flex 명령어가 동작한다! 형제들 크기 무시..!,(but alignSelf는 동..
-