ulli 아래div 블록 디스플레이,dudool과 유사한 층 디스플레이category

6298 단어 div
.category-entry-box {

    width: 751px;

    border-top-style: solid;

    border-top-width: 2px;

    float: left;

    position: relative;

    border-top-color: #2E82D0;

    border-top: none;

    height: auto !important;

}



.category-entry-box ul li div { position: absolute; }



.category-entry-box li {

    width:751px;

    background: white;

    display: list-item;

}



   absolute,         。



<div class="category-entry-box">

                <ul>

                    <li>

                        <div style="left: 0; top: 0; width: 354px; height: 320px;">

                            <a href="/furnitures/beds" target="_blank"><img

                                src="banner/c/furright1.jpg" alt="furniture Banner"></a>

                        </div>

                        <div style="left: 354px; top: 0; width: 397px; height: 161px;">

                            <a href="/furnitures/sofas" target="_blank"><img

                                src="banner/c/furright2.jpg" alt="furniture Banner"></a>

                        </div>

                        <div style="left: 354px; top: 161px; width: 205px; height: 159px;">

                            <a href="/furnitures/chairs" target="_blank"><img

                                src="banner/c/furright3.jpg" alt="furniture Banner"></a>

                        </div>

                        <div style="left: 559px; top: 161px; width: 192px; height: 159px;">

                            <a href="/furnitures/tables" target="_blank"><img

                                src="banner/c/furright4.jpg" alt="furniture Banner"></a>

                        </div>

                    </li>

                </ul>

            </div>

좋은 웹페이지 즐겨찾기