CSS3可以為div定義簡潔優美的布局。優秀的CSS3布局可以使得網頁結構更加美觀典雅，同時也能夠為用戶帶來更佳的瀏覽體驗。

下面是一些CSS3布局的實現方式:

/* 定義一個動態調整寬度和高度的div */
.responsive{
width:100%;
height:auto;
}

這段代碼可以使得該div的寬度自適應屏幕大小，同時高度也會根據寬度的變化而自適應。

/* 定義一個多列布局的div */
.cols {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.col {
padding: 10px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

這段代碼可以實現一個多列布局的div，其中每個列寬度平均分配，同時支持響應式布局。

CSS3還提供了其他很多有用的布局方式，可以根據個人需要來選擇使用。