CSS3是一种新的样式表语言，它扩展了CSS2，并且增加了许多的新特性。其中最重要的之一就是CSS3布局。CSS3布局允许我们完全控制页面上的布局，实现更加多样化的网页布局效果。下面的文章将介绍CSS3布局div实例。

Header
Navigation
Content
Sidebar
Footer

上面的代码表示了一个完整的网站布局，在CSS3中，我们可以很容易地实现这样的布局效果。我们可以使用浮动等技术将每个div元素相互关联起来，并且相互配合，最终形成一个完整的网站布局。

下面是样式代码：

.wrapper{
width: 960px;
margin: 0 auto;
}
.header{
height: 100px;
background-color: #ccc;
}
.navigation{
float: left;
width: 200px;
height: 600px;
background-color: #999;
}
.content{
float: left;
width: 560px;
height: 600px;
background-color: #666;
}
.sidebar{
float: left;
width: 200px;
height: 600px;
background-color: #333;
}
.footer{
clear: both;
height: 100px;
background-color: #ccc;
}

通过上面的样式代码，我们可以非常方便地实现每个div元素的样式效果，控制它们的位置和大小，最终实现一个完整的网站布局。

总结起来，CSS3布局div实例是一种非常常用的网站布局方式，它可以非常方便地实现网站的布局效果。通过掌握这种布局方式，我们可以更加自如地控制网站的页面布局，让我们的网站看起来更加美观、舒适。