CSS3中的rem是一個與像素密度無關的相對長度單位，它可以根據根元素字體大小的變化而自適應調整，從而更加靈活地進行布局。

/* 定義根元素字體大小 */
html {
font-size: 16px;
}
/* 使用rem作為長度單位 */
.container {
width: 30rem;
padding: 2rem;
font-size: 1.2rem;
}

在上面的例子中，我們定義了根元素的字體大小為16px，而container的寬度則使用了30rem作為長度單位。當瀏覽器的窗口大小改變，導致根元素字體大小發生變化時，container寬度也會相應地進行自適應調整。

使用rem作為長度單位有許多好處。首先，它使得網站的布局更加靈活，能夠適應不同設備和瀏覽器的屏幕尺寸。其次，它能夠提高網站的可訪問性，讓一些輔助設備（如屏幕閱讀器）更加容易讀取網頁內容。

同時，使用rem也有一些要注意的地方。因為它是相對長度單位，所以需要設置一個合適的根元素字體大小作為基準值，否則布局可能會出現偏差。此外，在某些瀏覽器中（如IE8及以下版本），不支持使用rem作為長度單位，需要使用其他的兼容方案。