三欄式 - 範例
範例一、Float
<body>
<div class="wrapper">
<div class="header">頁首</div>
<div class="navi">
<ul>
<li><a href="javascript:;">導覽</a></li>
<li><a href="javascript:;">導覽</a></li>
<li><a href="javascript:;">導覽</a></li>
<li><a href="javascript:;">導覽</a></li>
<li><a href="javascript:;">導覽</a></li>
</ul>
</div>
<div class="main">
<p>內容</p>
<p>內容</p>
<p>內容</p>
<p>內容</p>
<p>內容</p>
<p>內容</p>
<p>內容</p>
<p>內容</p>
<p>內容</p>
<p>內容</p>
<p>內容</p>
<p>內容</p>
<p>內容</p>
<p>內容</p>
<p>內容</p>
</div>
<div class="sidebar">
<p>側邊欄</p>
<p>側邊欄</p>
<p>側邊欄</p>
<p>側邊欄</p>
</div>
<div class="footer">頁尾</div>
</div>
</body>範例二、width
範例三、clear
範例四、after
Last updated
Was this helpful?