CSS 固定定位

提問人：劉團圓發(fā)布時間：2020-11-18

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

【例題】使用固定定位

代碼如下：

<!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>

對div進行了固定定位，所以在隨意滾動瀏覽器的滾動條時，右下角的div都始終保持在距離瀏覽器右邊以及底部分別100px的位置。

相關視頻回答

回復(0)