在網(wǎng)頁設(shè)計(jì)中，使用div和CSS布局已經(jīng)成為了一種非常普遍的做法。這個(gè)技術(shù)的好處在于它可以用更加簡(jiǎn)單的方式來布局和設(shè)計(jì)網(wǎng)頁，同時(shí)還可以使得代碼更加易于維護(hù)。

<div id="wrapper">
<div id="header">
</div>
<div id="navigation">
</div>
<div id="mainContent">
</div>
<div id="footer">
</div>
</div>
#wrapper{
width: 960px;
margin: 0 auto;
text-align: center;
}
#header{
height: 150px;
background-color: #0099FF;
}
#navigation{
height: 50px;
font-size: 20px;
font-weight: bold;
background-color: #CCCCCC;
text-align: left;
padding-left: 50px;
}
#mainContent{
height: 500px;
background-color: #FFFFFF;
margin: 20px 50px;
float: left;
width: 600px;
}
#footer{
height: 100px;
background-color: #333333;
color: #FFFFFF;
text-align: center;
line-height: 100px;
}

上面的代碼演示了如何使用div和CSS做出一個(gè)簡(jiǎn)單的網(wǎng)頁框架，其中用到了div來劃分不同的區(qū)域，用到了CSS來設(shè)置每個(gè)區(qū)域的樣式。

通過這種方式，我們可以進(jìn)行更加靈活的布局，同時(shí)也使得整個(gè)代碼更加清晰易懂。同時(shí)也讓我們更加容易維護(hù)和修改。因此，使用div和CSS做網(wǎng)頁布局已經(jīng)成為了一種必學(xué)的技術(shù)！