채택완료

초보 퍼블리싱 문의드립니다.

아래 소스 보면

<div class="con-box" style="border-bottom:1px solid #ddd; padding-bottom:30px; ">

이부분이 있는데요

보더가 아래로 가야되는데 아래로 안가고 중간에 걸려 있습니다.

왜 이러는 걸까요? ㅜㅜ

 

<!DOCTYPE>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>무제 문서</title>


<style>
.con-warp{width:100%; margin-bottom:50px;}
.con-box{width:1170px; margin:0 auto 0 auto; }

.m-custom{ width:100%;}
.m-custom li{float:left; width:33.333%; font-size:14px;}
.m-custom h4{font-size:16px; font-weight:bold; color:#121212;}
</style>

</head>

<body>

 

<div class="con-warp">
    <div class="con-box" style="border-bottom:1px solid #ddd; padding-bottom:30px; ">
        <ul class="m-custom">
            <li>
                <h4>공지사항</h4>
                방가워요 공지사항입니다.<br />
                방가워요 공지사항입니다.<br />
                방가워요 공지사항입니다.<br />
                방가워요 공지사항입니다.<br />
                방가워요 공지사항입니다.
            </li>
            <li>
                <h4>상품문의</h4>
                방가워요 공지사항입니다.<br />
                방가워요 공지사항입니다.<br />
                방가워요 공지사항입니다.<br />
                방가워요 공지사항입니다.<br />
                방가워요 공지사항입니다.
            </li>
            <li>
                <h4>자주하는 질문</h4>
                방가워요 공지사항입니다.<br />
                방가워요 공지사항입니다.<br />
                방가워요 공지사항입니다.<br />
                방가워요 공지사항입니다.<br />
                방가워요 공지사항입니다.
            </li>
        </ul>
    </div>
</div>

</body>
</html>

|

답변 2개 / 댓글 1개

채택된 답변
+20 포인트

ul의 크기가 제대로 안잡혀있어서 그렇습니다

 

.m-custom{ width:100%;;display:inline-block}

 

.m-custom{ width:100%;height:300px}

 

두개 중 하나하시면 됩니다

답변에 대한 댓글 1개

높이를 항상 잡아줘야되나요?
안잡고 쏙 들어가는 방법이 없나요?

답변을 작성하려면 로그인이 필요합니다.