html 초보가 도움좀 요청합니다.
본문
#A {width:100px}
.a-1 {width:100px;float:left}
<div id="A">
<div id="a-1"></div>
<div id="a-1"></div>
</div>
원래 A 가로가 100px인데요.
그 속에에서
a-1 을 1번 불러오면 A 의 width가 100px
a-1 을 2번 불러오면 A 의 width가 200px
a-1 을 3번 불러오면 A 의 width가 300px
이렇게 자동으로 A 의 width가 늘어나게하는 방법이 있을까요?
답변 3
순수 css 로만 하고 싶다면
.a-1 {width:100px;float:left}
.a-1 + .a-1 {width:200px}
.a-1 + .a-1 + .a-1 {width:300px}
이런식으로 늘려 가면 됩니다.
답변을 작성하시기 전에 로그인 해주세요.