CSS3 盒子定位是 CSS3 中的一個(gè)新特性。CSS3 盒子定位允許開發(fā)者可以通過設(shè)置元素的位置和尺寸來定位元素。

在 CSS3 中，盒子定位有兩種 CSS 屬性：box-sizing 和 box-shadow。

box-sizing 屬性用于定義一個(gè)元素的盒子模型如何計(jì)算其內(nèi)部和外部尺寸。box-sizing 的值可以是 content-box、border-box 或 padding-box。

例子：設(shè)置盒子模型為 border-box
div {
box-sizing: border-box;
width: 100px;
height: 100px;
border: 1px solid black;
padding: 10px;
margin: 20px;
}

box-shadow 屬性用于給元素添加陰影效果。box-shadow 的語法為： box-shadow: h-shadow v-shadow blur spread color inset; 其中，h-shadow 表示陰影向右的偏移量，v-shadow 表示陰影向下的偏移量，blur 表示模糊半徑，spread 表示陰影擴(kuò)散半徑，color 表示陰影顏色，inset 表示將陰影設(shè)置成內(nèi)部陰影。

例子：設(shè)置陰影效果
div {
box-shadow: 1px 1px 3px 2px rgba(0,0,0,0.5);
}

總結(jié)：CSS3 盒子定位是 CSS3 中的一個(gè)有用的特性。通過設(shè)置元素的位置和尺寸，我們可以更加靈活地控制網(wǎng)頁的布局和顯示效果。