CSS / 前端技術 / 筆記 · 2007-01-05

CSS Div自訂架構

<div id="container">
     
    <div id="header">
    	<div class="hot"><a href="#">home</a> | <a href="#">sitemap</a> | <a href="#">contact</a></div>
    	<div class="logo">LOGO</div>
        <div class="nav">
            <ul>
                <li><a href="#">編輯頁</a></li>
                <li><a href="#">訊息列表</a></li>
                <li><a href="#">產品展示</a></li>
                <li><a href="#">表單</a></li>
            </ul>				
        </div>
    </div>    
     
    <div id="content">
        <div id="aside">
        	<ul>
            	<li><a href="#">圖文配置</a></li>
                <li><a href="#">menu2</a></li>
                <li><a href="#">menu3</a></li>
                <li><a href="#">menu4</a></li>
            </ul>
        </div>
         
        <div id="article">  
        	<div class="hgroup">
                <h1>編輯頁</h1>
                <div class="way"><a href="#">home</a> > <a href="#">pagename</a></div>
            </div> 
            <div class="section">
            	<h2>文章標題</h2>
                <p>文章段落</p>
            </div>
        </div>
    </div>
     
    <div id="footer"> <p> 2014 © Design by Jiling </p></div>
     
</div>

屬性
max-width 最大寬度 – 不能比其寬
min-width 最小寬度 – 不能比其窄