[질문] overflow:hidden 과 display:inline 의 정확한 용법
가람슬기
2024.10.18
overflow:hidden또는 display:inline 가..
div 안에 div 가 있고 내부 div 사이즈가 유동성이 있을 때, 밖에 있는 div 에 넣어주는 것 같은데요.
둘의 차이가 무엇이며, 또는 둘 중에 무엇을 사용하는게 맞을까요??
-
해가빛 2024-10-18
display:inline; 은 block이거나 none인 상태를 inline 레벨로 마춰주는것입니다.
overflow는 해당 영역의 content가 넘처났을때 처리하는 녀석입니다.
일단 사용처는 부모 Element의 높이를 자식 Element가 못받아올때 사용하는 꽁수인데요
overflow:hidden;을 하면 posistion으로 잡힌 녀석까지 같이 없애기 때문에 사용처에 마춰서 사용하시는게 좋아요(자식 content의 height가 300px인데 -
도손 2024-10-18
그렇군요..+ㅅ+)