CSS中獲取組件大小是Web開發中非常重要的一項技能。通過獲取組件的大小，我們可以更好地控制頁面排版，提高頁面展示的效果。

要獲取組件大小，可以使用CSS的width和height屬性。width屬性用來設置元素的寬度，height屬性用來設置元素的高度。可以通過下面的代碼獲取組件的大小：

element {  
width: 100px; /* 設置元素的寬度 */  
height: 100px; /* 設置元素的高度 */  
}

如果需要獲取某個元素的實際寬度和高度，可以使用JavaScript的offsetWidth和offsetHeight屬性。這兩個屬性可以獲取元素的實際寬度和高度（包括內邊距和邊框）。

var obj = document.getElementById("element");  
var width = obj.offsetWidth;  
var height = obj.offsetHeight;

如果需要獲取元素的內容寬度和高度，可以使用clientWidth和clientHeight屬性。這兩個屬性可以獲取元素的內容區域（不包括內邊距和邊框）的寬度和高度。

var obj = document.getElementById("element");  
var width = obj.clientWidth;  
var height = obj.clientHeight;

在實際開發中，我們需要根據不同的需求來選擇獲取元素大小的方式，以便更好地實現頁面效果。