
<div id=”header”>頂部區(qū)域</div>查看測試頁面一,這是在沒有樣式表的情況下頁面的顯示效果。下面我們給它加上基本的樣式表
<div id=”mainer”>
<h1>使用負(fù)邊距創(chuàng)建自適應(yīng)寬度的流體布局</h1>
<p>隨著越來越大的瀏覽器的出現(xiàn)及普及,網(wǎng)站界面如何能滿足不同分辨率瀏覽器使用者的瀏覽需求,逐漸成為前端開發(fā)工程師必須面對的問題。采 用百分比進行架構(gòu)是個不錯的主意。以往我們進行這類架構(gòu)都是使用table表格。但,其實使用很小的技術(shù)就可以創(chuàng)建出符合WEB標(biāo)準(zhǔn)化的自適應(yīng)布局。 </p>
</div>
<div id=”sideBar”>
<h2>最新文章</h2>
<ul>
<li>最新文章一</li>
<li>最新文章二</li>
<li>最新文章三</li>
</ul>
</div>
<div id=”footer”>底部區(qū)域</div>