관리 메뉴

PC Geek's

html: 박스 세로길이 최소값 고정하기 본문

프로그램

html: 박스 세로길이 최소값 고정하기

mkyoon님의 블로그 (css, js 등에 관한 내용이 있는 곳입니다)에서 알게 된 팁입니다. 해보니 잘 되네요. :)
거기서는 또 여기(www.dustindiaz.com)를 출처로 꼽고 있습니다.
저 링크에서 아래 답글부분도 읽어보면 도움이 됩니다.

skin.html 에서 이렇게 하고

<div id="mybox1">
이런저런
</div>

그리고, style.css 에서는

#mybox1 {
    min-height:600px;
    height:auto !important;
    height:600px;
}

이렇게 하면, "이런저런" 이 있는 박스는 최소 높이가 600px이 되고, 내용이 그보다 많아지면 늘어납니다. 포스트 본문같이 내용이 가변적인 항목이 들어갈 때, 출력되는 양이 너무 적으면 전체 레이아웃이 깨지거나 흉해 보일 때가 있습니다. 그걸 방지하는 역할을 하죠.

이 글과 같은 분류글목록으로 / 최신글목록 이동
Comments
Viewed Posts
Recent Comments
Recent Posts