CSS 固定定位

提問(wèn)人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-18

如果使用固定定位（position: fixed),元素框的表現(xiàn)類(lèi)似于將position設(shè)置為absolute,不過(guò)其包含塊是視窗本身。把元素固走在瀏覽器窗口的某一位置，并且不會(huì)隨著文擋的其他元素進(jìn)行移動(dòng)。

【例題】使用固定定位

代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

body{

height:2000px;

}

.d1{

width: 200px;

height: 200px;

background: pink;

position:fixed;

bottom:100px;

right:100px;

}

</style>

</head>

<body>

</body>

</html>

對(duì)div進(jìn)行了固定定位，所以在隨意滾動(dòng)瀏覽器的滾動(dòng)條時(shí)，右下角的div都始終保持在距離瀏覽器右邊以及底部分別100px的位置。

相關(guān)視頻回答

回復(fù)(0)