css 让div悬浮 |sessionstorage css

首先，大家需要理解CSS的position属性。position属性定义元素的定位类型。常见的position值有：

position: static; //默认值，元素在文档流中正常位置
position: relative; //元素相对于自身位置定位
position: absolute; //元素相对于父元素定位
position: fixed; //元素相对于浏览器窗口定位

让div悬浮的原理就是将其position设为fixed。举个例子：

div {
position: fixed;
top: 50px; //距离顶部50px
left: 50px; //距离左侧50px
}

以上代码将元素的定位类型设为fixed，并指定了其距离顶部和左侧的距离。这样，元素就会悬浮在文档中，并且即使滚动页面，它的位置也不会改变。

除了用top和left属性调整悬浮元素的位置，大家还可以用bottom和right属性让元素与底部和右侧保持一定距离。

div {
position: fixed;
bottom: 10px; //距离底部10px
right: 10px; //距离右侧10px
}

总的来说，CSS的position属性可以让大家灵活地定位元素，让其悬浮在页面上或者保持固定位置。这种效果在设计网站时非常常见。