각 div 가 있는데 각 하단 고정시키는 방법 있을까요?

각 div 가 있는데 각 하단 고정시키는 방법 있을까요?

QA

각 div 가 있는데 각 하단 고정시키는 방법 있을까요?

본문


$a = "<div style="">하단내용</div>";
 
<div id=1>
<div id=aa>
내용
</div>
<?php echo $a?>
</div>
<div id=2>
<div id=aa>
내용
</div>
<?php echo $a?>
</div>
<div id=3>
<div id=aa>
내용
</div>
<?php echo $a?>
</div>

이렇게 반복이 되는데 $a의 각 div 하단에 놓는 방법이 없을까요?

이 질문에 댓글 쓰기 :

답변 1

우선 여러 개가 있는 경우 id 속성이 아니라 class 속성을 사용하셔야 합니다.

<div id=aa> 로 된 것을, <div class="aa">로 우선 바꾼다고 생각하시구요.

 

css의 :after 속성을 사용하면 괜찮지 않을까 싶습니다.

.aa:after { display:block; content:"하단내용" }

이렇게 말이죠.

 

혹은 정말 div를 넣어야 하는 상황이라면 js를 사용하는 것도 좋은 방법인 것 같네요. (jquery appendTo 를 활용해보세요.)

답변을 작성하시기 전에 로그인 해주세요.
전체 123,732 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT