作者chweng ()
看板Web_Design
標題Re: [問題] CSS使用DIV排版方式的問題
時間Sun Nov 13 01:33:01 2005
CSS這麼寫：
<style type="text/css">
.side {
width: 120px;
float: left;
border: 1px solid #ccc;
background: #eee;
}
.content {
width: 520px;
float: left;
border: 1px solid #eee;
background: #ccc;
}
.edge {
width: 120px;
float: left;
border: 1px solid #ccc;
background: #eee;
}
</style>
html這麼寫：
<div class="side">這是side division</div>
<div class="side">這是side division</div>
<div class="content">這是content division</div>
<div class="edge">這是edge division</div>
以我自己的經驗，absolute 並不常用到，而 float 是個不錯用的方法。
至於要將三個 div 都置中，我目前還想不到方法可以做到，
比較折衷的方法是在 side 中指定 margin-left，
讓它和左邊邊界拉出一些距離來。
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 220.134.107.22
1F：推 look:可以參考5446的做法 11/13 12:03
2F：→ look:是5445 sorry 11/13 12:04