CSS固定文字位置不變
CSS中的position屬性可以用于控制元素在文檔中的定位和排布，position屬性的取值包括static、relative、absolute和fixed，其中fixed表示將元素固定在文檔中的某個(gè)位置，不隨頁面滾動(dòng)而移動(dòng)。
下面是一個(gè)使用fixed屬性將元素固定在頁面左上角的例子：
<div class="fixed"> <p>這里是固定在頁面左上角的文本</p> </div>
這里是固定在頁面左上角的文本
可以看到，fixed屬性讓元素成為了文檔流之外的一層，因此不會影響其他元素的布局。這個(gè)例子中，我們設(shè)置了元素的寬度為200px，高度為100px，背景顏色為黃色，使其與頁面其他內(nèi)容有所區(qū)分。
另外，我們還設(shè)置了padding屬性來使元素內(nèi)部的文本與邊框有一定的距離，同時(shí)使用top和left屬性指定元素的初始位置。注意，這里的位置是相對于瀏覽器窗口而言的，而不是相對于頁面的其他元素。