设置相对于浏览器定位的悬浮窗需要设置 position:fixed , 即相对于浏览器定位。
并可利用:top, right, bottom, left进行设置。
截图如下:
核心代码:
/*边栏的属性*/
.board_aside{
position: fixed;
top:40%;
left:90%;
border:2px solid red;
border-radius: 5px;
width:40px;
height:190px;
z-index: 10;
/*让父div模拟table,让其具有valign属性,使得子元素可以vertical-align属性*/
display:table;
background-color:#888888;
}
边栏的html