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 로만 하고 싶다면
</p>
<p>.a-1 {width:100px;float:left}</p>
<p>.a-1 + .a-1 {width:200px}</p>
<p>.a-1 + .a-1 + .a-1 {width:300px}</p>
<p>
이런식으로 늘려 가면 됩니다.
댓글을 작성하려면 로그인이 필요합니다.
id="a-1"
대신에 class="a-1"
https://sir.kr/bbs/profile.php?mb_id=nhead" onclick="return false;" rel="nofollow" target="_blank" title="FakeDev 자기소개">FakeDe 님의 댓글 소스 사용하면 될듯 합니다
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인