나는 평소 이미지에 width:100%를 주면 height값이 자동주어진다고생각해 꼭 필요한경우가 아니라면 별도의 값을 지정해주지않았다.
사수가 width값이랑 height:auto를 주라는 조언을 해줘서 100%하면안되나? 문득 궁금해졌다.
height:100%와 height:auto의 차이는 무엇인지궁금하여 구글링해보았다.
쉽게말해 100%는 부모태그의 값에 영향을 받고 auto는 자식태그의 값에 영향을 받음!
difference between css height : 100% vs height : auto
I was asked a question in an interview that "what is the difference between the css height:100% and height:auto?" Can any one explain?
stackoverflow.com
반응형
'Frontend > Markup' 카테고리의 다른 글
| 아코디언 메뉴 accordion menu (0) | 2020.10.29 |
|---|---|
| [flexbox] 여러줄을 표현하는 wrap, column (0) | 2020.08.26 |
| [css] div를 상하좌우 중앙정렬 (0) | 2020.08.13 |
| [css] ellipsis로 multiple lines '...'처리 (0) | 2020.07.28 |
| <a><li></li></a>는 가능할까? (li태그에 링크걸기) (0) | 2020.07.14 |
