HTML5 마스터Q&A는 HTML CSS JavaScript 개발자들의 질문과 답변을 위한 커뮤니티 사이트입니다.

div 분리하는 방법좀알려주세요(이미지가 겹쳐서뜹니다..ㅜ)

0 추천
 
위의 사진처럼 with item과 게시판이 겹쳐버리네요...ㅜㅜ
with item을 게시판 위로올리려고 계속 시도를 해보지만 고쳐지지가 않습니다..ㅠ
여러분 좀 도와주세요
 
아래는 html태그에요..
혹시 css를 손대줘야되는건지..;; 
 
<!--<html태그부분>
<!-- 관련상품 -->
<div module="product_relation" id=product_related>
    <h3>WITH ITEM</h3>
<div module="product_relationlist" id=thumbnail_related>
<ul>
<li class="item"><a href="/product/detail.html{$param}"><img src="{$img}" alt="" class="thumb" /></a>  <p><a href="/product/detail.html{$param}">{$name|cut:20,...}</a></p></li>
<li class="item"><a href="/product/detail.html{$param}"><img src="{$img}" alt="" class="thumb" /></a>  <p><a href="/product/detail.html{$param}">{$name|cut:20,...}</a></p></li>
<li class="item"><a href="/product/detail.html{$param}"><img src="{$img}" alt="" class="thumb" /></a>  <p><a href="/product/detail.html{$param}">{$name|cut:20,...}</a></p></li>
<li class="item"><a href="/product/detail.html{$param}"><img src="{$img}" alt="" class="thumb" /></a>  <p><a href="/product/detail.html{$param}">{$name|cut:20,...}</a></p></li>
</ul>
</div>
</div>
  
<!-- 관련상품 -->
 
<!-- 상품사용후기 -->
<div id=product_review>
<div class=product_board>
<h3>Review</h3>
<div module="product_review">
<!--@js(/js/module/product/review.js)-->
<table border=0 cellpadding=0 cellspacing=0 id=coupon_table>
<colgroup>
<col style="width:50px;" />
<col style="width:auto" />
<col style="width:100px;" />
<col style="width:80px;" />
<col style="width:50px;" />
<col style="width:90px;" />
</colgroup>-->
 
.
.
.
.
 
드타 (120 포인트) 님이 2013년 8월 12일 질문

2개의 답변

+1 추천
사진 상으로는 WITH ITEM이라는 글자 밑에 게시판들이 있어 정확히 무엇을 말씀하시는지 모르겠지만. 배치의 문제라면 CSS에서 display 속성을 살펴보시기 바랍니다. block으로 되어잇는지 inline으로 되어있는지 확인해보세요.
회색 (2,140 포인트) 님이 2013년 8월 13일 답변
+1 추천
whith item을 div로 감싸서 position 속성이나 float속성을 이용하며 되지 않을까요?
YeonMin (160 포인트) 님이 2014년 5월 14일 답변
...