Re: [問題] CSS使用DIV排版方式的問題
感謝各位給予的建議
有做出想要使用的版型
以下是原始碼部份
(CSS部份)
#main {
position: relative;
margin-left:auto;
margin-right:auto;
margin-top:10px;
width: 800px;
text-align: left;
}
.side {
width:120px;
float:left;
margin-right:10px;
border:1px solid #CCCCCC;
background-color:#EEEEEE;
}
.content {
width:520px;
margin-left:auto;
margin-right:auto;
float:left;
border:1px solid #CCCCCC;
background-color:#EEEEEE;
}
.edge {
width:120px;
float:left;
margin-left:10px;
border:1px solid #CCCCCC;
background-color:#EEEEEE;
}
(HTML部份)
<div id="main">
<div class="side">left</div>
<div class="content">center</div>
<div class="edge">right</div>
</div>
利用 #main和 .side、.content 和 .edge 包起來
再分別做處理的就可以了
但目前有個難處在於還是無法把兩個 .side 垂直放在 #main 的左邊
若直再加一個 <div class="side">left</div>
這兩個 <div class="side"> 會平行放置於面頁上
把版型給破壞了
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.174.144.156
※ 編輯: LokiCjn 來自: 218.174.144.156 (11/13 14:46)
※ 編輯: LokiCjn 來自: 218.174.144.156 (11/13 14:47)
※ 編輯: LokiCjn 來自: 218.174.144.156 (11/13 14:47)
推
11/13 15:02, , 1F
11/13 15:02, 1F
推
11/13 15:09, , 2F
11/13 15:09, 2F
討論串 (同標題文章)
以下文章回應了本文：
完整討論串 (本文為第 3 之 9 篇)：
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章