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

Question

 

위의 사진처럼 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>-->

 

.

.

.

.

 

Answer 1

사진 상으로는 WITH ITEM이라는 글자 밑에 게시판들이 있어 정확히 무엇을 말씀하시는지 모르겠지만. 배치의 문제라면 CSS에서 display 속성을 살펴보시기 바랍니다. block으로 되어잇는지 inline으로 되어있는지 확인해보세요.

Answer 2

whith item을 div로 감싸서 position 속성이나 float속성을 이용하며 되지 않을까요?