[問題] CSS使用DIV排版方式的問題
目前正在練習用CSS來排版
取代以前常用的表格
目前是想做出三欄式的排版效果
因為CSS學不多
碰了釘子
以下是我的寫法:
div.side {
position:absolute;
width:120px;
left:10px;
border:1px solid #CCCCCC;
background-color:#EEEEEE;
}
div.content {
position:absolute;
width:520px;
margin-left:auto;
margin-right:auto;
}
div.edge {
position:absolute;
width:120px;
right:10px;
border:1px solid #CCCCCC;
background-color:#EEEEEE;
}
但是出現的結果是side不見了
只看到content和edge
另外想請教的是
能不能做到這三個div都在維持在中間
就是無論瀏覽器如何縮放
side、content、edge都還是在中間
而且順序不變
還有就是side部份能不能放兩個
也就是有兩個div垂直排在左方
謝謝
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.174.143.51
推
11/13 22:37, , 1F
11/13 22:37, 1F
→
11/13 22:38, , 2F
11/13 22:38, 2F
討論串 (同標題文章)
完整討論串 (本文為第 1 之 9 篇):
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章