토론방

분류목록

쇼핑몰 상품 리스트 디자인 깨짐관련

상품리스트에서 빈공간이 생겨서 도움요청드립니다.

아래 페이지에 하단쯤 보면 빈공간이 생기는데요 품절상품때문에 그런듯 합니다. (품절상품을 비노출하면 오류가 안생기네요..)

www.n***v.com/shop_goods/goods_list.htm?page=3&category=04000000

게시글 공유 URL복사

수정 삭제 출력

댓글[1]

열기 닫기

이**우 2018-05-11

farm_design_a_pc.css 에서 다음을 수정하세요

/* 상품 리스트 */
.farm-A-goods-list {
   ul {width:1100px; margin:0px auto; padding:49px 0;
       li {
           width:330px; /*padding-top:20px; padding-bottom:20px;*/ border:1px solid #e5e5e5; margin:15px; padding:0;
           > div {
               span {}
           }
       }
.clear2n {clear:none;}
       /*.clear3n {clear:none;}
       .clear4n {clear:left;}
       .clear5n {clear:none;}*/
li:nth-child(3) {margin-right:0;}
   }
}

.clear2n {clear:none;}
       .clear3n {clear:left;} <- 3번째 항목마다 줄바꿈이 되도록 합니다.
/* .clear4n {clear:left;}
       .clear5n {clear:none;}*/
li:nth-child(3) {margin-right:0;}

댓글작성

열기 닫기

top