CSS是網頁設計中重要的一部分，它能夠通過樣式表修改網頁的外觀和布局。而在某些情況下，我們需要禁止父元素的滾動。這種情況通常在固定頂部導航欄時發生，因為當頁面滾動時，導航欄也會隨之滾動，如果固定在頂部的話，會給用戶更好的體驗。

.parent {
position: fixed; /* 固定父元素在頁面上 */
width: 100%; /* 父元素寬度設置為100% */
height: 100%; /* 父元素高度設置為100% */
overflow: hidden; /* 禁止父元素滾動 */
}
.child {
position: absolute; /* 子元素定義為絕對位置 */
top: 50px; /* 子元素相對于父元素上邊界的距離 */
left: 0; /* 子元素相對于父元素左邊界的距離 */
}

在上述代碼中，我們定義了一個父元素和一個子元素。父元素使用position: fixed屬性固定在頁面上，寬度和高度都設置為100%。其余使用overflow: hidden屬性禁止父元素滾動。子元素則使用position:absolute屬性，相對于父元素設置在上邊界偏移50px，左邊界偏移0。

至此，我們成功禁止了父元素的滾動，達到了固定頂部導航欄的效果。