在Web開發過程中，經常會遇到需要獲取CSS父節點的寬度和高度的情況。這時候，我們可以使用JavaScript來實現這個功能。 獲取CSS父節點的寬度和高度的方法如下： 方法一： ```html

<script>
var parentWidth = document.getElementById('child').parentNode.offsetWidth;
var parentHeight = document.getElementById('child').parentNode.offsetHeight;
console.log('父節點寬度為：' + parentWidth + 'px');
console.log('父節點高度為：' + parentHeight + 'px');
</script>

``` 這個方法是通過獲取子節點的父節點來獲取父節點的寬度和高度。我們可以先定位到子節點，然后通過子節點的parentNode屬性來獲取其父節點。接著，調用offsetWidth和offsetHeight屬性，就能獲得父節點的寬度和高度了。 方法二： ```html

<script>
var parentWidth = document.getElementById('child').offsetParent.clientWidth;
var parentHeight = document.getElementById('child').offsetParent.clientHeight;
console.log('父節點寬度為：' + parentWidth + 'px');
console.log('父節點高度為：' + parentHeight + 'px');
</script>

``` 這個方法是通過獲取子節點的offsetParent屬性來獲取其父節點。然后，調用clientWidth和clientHeight屬性，就能獲得父節點的寬度和高度了。 總結來說，無論使用哪種方法，都需要先獲取到子節點，再通過它的parentNode或offsetParent屬性來獲取其父節點。然后，再通過不同的屬性，如offsetWidth、offsetHeight、clientWidth、clientHeight等來獲取真正的寬度和高度。 以上就是獲取CSS父節點的寬度和高度的方法，希望對大家的Web開發工作有所幫助。