아래  소스는  옆으로 가로로 두개 나오게 되있는 div태그 입니다

하나씩만 보이게 하고싶거든요 한줄 개념으로.....  

아래 이미지 배열처럼 이렇게 하고 싶습니다------아래 이미지 첨부했습니다 

<div id="bo_v_con">
            <div>
                <div class="bo_v_header">
                    <h3>매물 위치</h3>
                    <?php
                    echo $view['wr_2'];
                    ?>
                </div>
                <div class="bo_v_con_of_con">
                    <div id="map"></div>
                </div>
            </div>
            <div>
                <div class="bo_v_header">
                    <h3>매물 미리보기</h3>
                </div>
                <div class="bo_v_con_of_con">
                    <div class="slider">
                        <?php
                        foreach ($img[1] as $item)
                        { ?>
                            <div style="background-image:url('<?php echo $item ?>');"></div>
                            <?php
                        }
                        ?>
                    </div>
                </div>
            </div>

        </div>

지금 보는 국기 이미지처럼 가로 배열로 2개씩 뷰페이지에서 보여집니다 

 float 태그도 안썼는데 이런 가로 2개 배열로 나오는지 모르겠네요 

문제는 하나씩 배열되게 하고 싶어서요 ...즉 하나씩 밑으로 보여주고 싶습니다 

저상태에서 div 태그를 어떻게 써야 할까요 ?

--------------------------------------------------------------------------------------------------

현재 보여주는 뷰페이지 배열형식을 아래처럼 바꾸고 싶어서요 

-------------------------------------------------------------------------------------------------------

아래 이미지 배열처럼 이렇게 하고 싶습니다

어떻게 수정해야 할까요? 도움을 요청해 봅니다