[問題] 關於css
第一次用css排板 實在很多地方不懂 麻煩大家指點一下 感謝
如下：
┌────────────┐
│ banner │
├──┬──────┬──┤
│ │ │ │
│ │ │ │
│ │ │ │
│ A │ B │ C │
│ │ │ │
│ │ │ │
├──┴──────┴──┤
└────────────┘
A是選單 下面是板權宣告
全部都用css 沒用到表格 而且每一區塊都是有背景顏色的
如果B的內容超過一頁時 只有B的背景會跟著變長 A和C保持
原有長度 而且板權宣告也不會排在最下面
請問怎麼讓內容增長超過一頁時 中間的三個區塊一
跟著內容延伸變長?
以下是css碼
body {
text-align:center;
}
.menubackground {
width:140px;
height:387px;
margin-left:0;
margin-right:0;
margin-top:0;
top:49px;
left:0;
background-color:#339900;
position:absolute;
}
.contents {
width:440px;
height:387px;
margin-left:auto;
margin-right:auto;
position:absolute;
left:140px;
top:49px;
background-color:#E6FDC6;
color:#000000;
}
.pic {
width:198px;
height:387px;
margin-left:auto;
margin-right:auto;
position:absolute;
left:580px;
top:49px;
background-color:#FFCC00;
}
p.head {
text-align:left;
margin-left:0;
margin-top:0;
font-size:15pt;
font-family:Verdana;
font-weight:bold;
color:#FF00CC;
margin-bottom:0;
background-color:#99CC00;
padding-bottom:10px;
padding-top:10px;
padding-left:10px;
top:0;
left:0;
width:778px;
position:absolute;
border-bottom:solid 5px #669999;
}
p.menu {
background-color:#339900;
font-size:10pt;
margin-left:0;
margin-right:0;
margin-top:0;
width:140px;
border-top:solid 1px #CCFFCC;
position:absolute;
left:0;
}
p.menu a {
color:#FFFFFF;
border-bottom:solid 1px #CCFFCC;
text-decoration:none;
display:block;
width:100%;
line-height:2em;
}
p.menu a:hover {
color:#FFFF00;
}
address {
border-top:solid 5px #669999;
padding-top:4px;
padding-bottom:4px;
text-align:right;
font-size:10pt;
font-style:normal;
color:#CCFFFF;
background-color:#99CC00;
position:absolute;
top:436px;
left:0;
width:778px
}
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 59.104.150.69
推
05/06 21:59, , 1F
05/06 21:59, 1F
推
05/06 22:18, , 2F
05/06 22:18, 2F
推
05/06 22:58, , 3F
05/06 22:58, 3F
討論串 (同標題文章)
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章