Re: [問題] CSS使用DIV排版方式的問題
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
推
11/13 12:03, , 1F
11/13 12:03, 1F
→
11/13 12:04, , 2F
11/13 12:04, 2F
推
11/13 12:09, , 3F
11/13 12:09, 3F
推
11/13 12:43, , 4F
11/13 12:43, 4F
討論串 (同標題文章)
完整討論串 (本文為第 2 之 9 篇):
Web_Design 近期熱門文章
PTT數位生活區 即時熱門文章