CSS是網頁設計中的必備技能之一，其中涉及到的定位技巧是我們不可缺少的。在設計網頁時，經常需要把輸入框等元素放置在特定的位置，這就需要我們掌握一些方法來確定元素相對于其它元素的位置。下面介紹一下如何使用CSS來取得文本框的相對位置。

/* 定義文本框樣式 */
input[type="text"] {
width: 200px;
height: 30px;
}
/* 定義容器樣式 */
.container {
position: relative;
width: 500px;
height: 500px;
}
/* 定義文本框的位置 */
input[name="name"] {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

在上面的代碼中，我們首先定義了一個文本框的樣式，然后定義了一個容器的樣式，在容器中放置了我們的文本框。接下來設置了文本框的相對位置，通過設置文本框的position屬性為absolute，然后通過top和left將其放置于容器的中央。

最后，我們使用transform屬性將文本框完全居中，即通過使用translate(-50%, -50%)來使文本框在x軸和y軸方向上各向左上移動它自身寬度和高度的50%。這樣，我們就實現了文本框相對于容器的完全居中效果。