父元素有padding，如何讓絕對定位子元素寬度等于父元素內容區域寬度？

當父元素設置了padding屬性，而子元素采用絕對定位(position: absolute)時，如何使子元素寬度精確匹配父元素內容區域（排除padding）的寬度？

這個問題的核心在于：絕對定位元素的width: 100%;指的是父元素內容區域的100%，而非包含padding的整個區域。因此，即使子元素寬度設置為100%;，它仍然會占據內容區域的全部空間，而這空間本身就比父元素總寬度小了padding的寬度。

例如，父元素.container設置了padding: 20px;，寬度為400px，子元素.info采用絕對定位，并設置width: 100%;。結果，.info的寬度實際上是360px (400px – 20px * 2)，而非預期的400px。

解決方法：

關鍵在于調整子元素的位置，使其從父元素內容區域的左上角開始繪制。通過設置子元素的left: 0;和right: 0;屬性，可以確保子元素水平方向上完全填充父元素的內容區域，從而達到預期的寬度。 top: 0; 則可以保證子元素從內容區域頂部開始。

通過這種方法，子元素的寬度將精確等于父元素內容區域的寬度，完美解決了padding帶來的寬度差異問題。