作者LokiCjn (我的征途是星之海)
看板Web_Design
標題Re: [問題] CSS使用DIV排版方式的問題
時間Sun Nov 13 14:46:24 2005
感謝各位給予的建議
有做出想要使用的版型
以下是原始碼部份
(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)
1F：推 chweng:你可能需要這個 <div style="clear: left;" /> 11/13 15:02
2F：推 LokiCjn:做出來了，感謝^^ 11/13 15:09