header {

font-size:20px;

font-weight:bold;

border-bottom:1px solid red;

padding-bottom:15px;

margin:15px;

}

nav {

margin-top:10px;

float:left;

width:200px;

height:300px;

border-right:1px solid gray;

}

nav ul li {

list-style : none;

float:top;

line-height:30px;

vertical-align:middle;

text-align:center:

}

.navi_link  a:visited, a:link {

color:gray;

text-decoration:none;

display:block;

font-size:16px;

}

#navi.navi_link a:hover {

color:red;

text-decoration:underline;

}

article {

float:left;

font-size:25px;

}


css는 저렇게 줬는데, nav랑 아티클 모두 플롯 레프트야.


근데 정작 화면에서는 긴 글이 있을 땐





이런 식으로 아티클이 내려앉는단 말이지.... 


nav의 우측으로 nav를 뺀 공간만큼의 남은 화면을 채우게 하려면 어떤 방식을 써야 됨?