CSS 固定定位
如果使用固定定位(position: fixed),元素框的表現(xiàn)類(lèi)似于將position設(shè)置為absolute,不過(guò)其包含塊是視窗本身。把元素固走在瀏覽器窗口的某一位置,并且不會(huì)隨著文擋的其他元素進(jìn)行移動(dòng)。
【例題】使用固定定位
代碼如下:<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body{
height:2000px;
}
.d1{
width: 200px;
height: 200px;
background: pink;
position:fixed;
bottom:100px;
right:100px;
}
</style>
</head>
<body>
<div></div>
</body>
</html>
對(duì)div進(jìn)行了固定定位,所以在隨意滾動(dòng)瀏覽器的滾動(dòng)條時(shí),右下角的div都始終保持在距離瀏覽器右邊以及底部分別100px的位置。
繼續(xù)查找其他問(wèn)題的答案?
- 開(kāi)始學(xué)習(xí)
海報(bào)設(shè)計(jì)精品錄播課程2121次觀(guān)看
開(kāi)始學(xué)習(xí)字體設(shè)計(jì)精品錄播課程2121次觀(guān)看
開(kāi)始學(xué)習(xí)室內(nèi)設(shè)計(jì)精品錄播課程2121次觀(guān)看
開(kāi)始學(xué)習(xí)影視動(dòng)畫(huà)精品錄播課程2121次觀(guān)看
開(kāi)始學(xué)習(xí)UI設(shè)計(jì)精品錄播課程2121次觀(guān)看
開(kāi)始學(xué)習(xí)
點(diǎn)擊加載更多評(píng)論>>