作者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