목록2024/03/02 (1)
기초공사 (html,css,javascript)
0302-html구조짜면서-padding이 높이
1. .aside-banner { width: 100%; padding: 30% 0; margin-top: 15px; border: 1px solid grey; background-image: url("../img/aside-img.jpg"); background-repeat: no-repeat; background-size: contain; } 여기에서 난 높이를 px로 주기싫다 반응형시 골치아프기 떄문이다. height를 또 따로주기 싫다 .그럼 padding을 이용하자!! 동적으로 변하니 말이다. 그럼 여기에서 padding: 30% 0; 의 의미는 몰까? 부모너비의 30%를 padding으로 쓰겠다는 것이다. 예를 들면, 부모너비가 1000 px일때 1000 * 0.3이므로 300px가 나온다. ..
academy/html
2024. 3. 2. 18:02