수다닷컴

그림처럼 일단 코딩을하였는데여.

맨앞과 맨뒤를 제외한 4칸에 가로스크롤을 넣으려고 하니 스크롤이 안먹더군요.

이래저래 찾아봤는데 답이안나와서 그러는데.. 도와주세요

/* html */
div class=time-reservation
ul class=tit
li class=first과정명/li
liamber aaaa/li
liamber aaaa/li
liamber aaaa/li
liamber aaaa/li
liamber aaaa/li
/ul
div class=time
ul
li class=first19:00~19:25/li
li /li
li /li
li /li
li /li
li /li
/ul
ul
li class=first19:30~19:55/li
li /li
li /li
li /li
li /li
li /li
/ul
ul
li class=first20:00~20:25/li
li /li
li /li
li /li
li /li
li /li
/ul
ul
li class=first00:00~00:00/li
li /li
li /li
li /li
li /li
li /li
/ul
/div
ul class=fiexd
li class=first00:00~00:00/li
li /li
li /li
li /li
li& li /li
li /li
/ul
/div

/* css */
div.time-reservation {
overflow:hidden;
width:100%;
margin:0 0 100px;
border-bottom:1px solid #a0a0a0;
border-left:1px solid #a0a0a0;
border-right:1px solid #a0a0a0;
}
div.time-reservation ul {
float:left;
width:147px;
text-align:center;
}
div.time-reservation ul li {
padding:11px 0;
border-top:1px solid #a0a0a0;
border-left:1px solid #a0a0a0;
}
div.time-reservation ul li.first {
background:#f8f8f8;
}
div.time-reservation ul.tit {
width:241px;
}
div.time-reservation ul.tit li.first {
font-weight:bold;
}
div.time-reservation ul.tit li {
border-left:none;
}
div.time-reservation .time {
float:left;
overflow:hidden;
width:588px;
overflow-x:auto;
}
div.time-reservation .fiexd {
float:right;
}

신청하기