使用CSS做框嵌套是Web前端開發的基本功之一。

在CSS中，通過設置元素的邊框（border），背景（background）等樣式，就可以實現各種形狀的框。而框嵌套則是將多個框組合在一起，形成更復雜的布局。

框嵌套的實現可以借助CSS盒子模型。盒子模型中，每個元素都可以看作是一個矩形盒子，包含了內容區域、內邊距區域、邊框區域和外邊距區域。

.box {
width: 300px; /* 寬度 */
height: 200px; /* 高度 */
padding: 20px; /* 內邊距 */
border: 2px solid #ccc; /* 邊框 */
margin: 10px; /* 外邊距 */
}

以上是設置一個簡單盒子的CSS代碼。而將多個盒子嵌套在一起，首先需要考慮的是如何定位它們的位置。CSS中提供了多種定位方式，包括相對定位（position: relative）、絕對定位（position: absolute）和固定定位（position: fixed）等。

.parent {
position: relative; /* 相對定位 */
}
.child {
position: absolute; /* 絕對定位 */
top: 50px; /* 距離頂部50像素 */
left: 50px; /* 距離左側50像素 */
}

以上代碼將一個子盒子相對于父盒子進行了定位。通過修改top和left屬性，可以調整子盒子的位置。

框嵌套的另一個重要問題是如何控制盒子的尺寸。CSS中提供了多種尺寸單位，包括像素（px）、百分比（%）、視口寬度（vw）和視口高度（vh）等。

.parent {
width: 80%; /* 寬度為父容器的80% */
height: 100vh; /* 高度為視口高度 */
}
.child {
width: 50px; /* 寬度為50像素 */
height: 50px; /* 高度為50像素 */
}

以上代碼設置了一個父容器和一個子元素，父容器的寬度為視口寬度的80%，高度為視口高度，而子元素的寬高固定為50像素。

總的來說，使用CSS做框嵌套需要考慮定位和尺寸等問題。同時，靈活運用CSS盒子模型的各種樣式屬性，可以實現非常復雜的布局效果。不過，對于初學者來說，還是需要多多練習，同時也要注意兼容性問題。