作者chph (愁痕飘絮)
看板Web_Design
标题Re: [问题] CSS三栏式排版问题
时间Sun Apr 20 15:15:47 2008
看看这个是不是你要的写法,HTML不用变更。
#middle {
border:1px solid #444;
overflow; auto; /*清除浮动*/
width: 900px;
}
/*三个区域都给相同的留白 10px */
#left, #content, #right { padding:10px; }
#left { background-color: #9cf; width: 120px; }
#content { background-color: #3c6; width:560px; }
#right {background-color: #99f; width:160px; }
宽度的计算:
(120+10+10) + (560+10+10) + (160+10+10) = 140+580+180 = 900px
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 122.117.202.109