css悬浮右侧悬浮
2016-04-13 01:04
423 查看
<html>
<head>
<title>CSSDemo</title>
<style type"text/css">
.hover-right-css{
background-color:orange;
width:100px;
height:100px;
position:fixed;/*fixed总是以body为定位时的对象，总是根据浏览器的窗口来进行元素的定位，通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。*/
right:0px;/*设置与右侧的距离*/
bottom:50px;/*设置与底部的距离*/
z-index:100;/*设置显示次序，数字越大显示越靠前*/
}
</style>
</head>
<body style="height:2000px;">
<!--前端代码开始-->
<div class="hover-right-css"></div>
<!--前端代码结束-->
</body>
</html>
<head>
<title>CSSDemo</title>
<style type"text/css">
.hover-right-css{
background-color:orange;
width:100px;
height:100px;
position:fixed;/*fixed总是以body为定位时的对象，总是根据浏览器的窗口来进行元素的定位，通过"left"、 "top"、 "right"、 "bottom" 属性进行定位。*/
right:0px;/*设置与右侧的距离*/
bottom:50px;/*设置与底部的距离*/
z-index:100;/*设置显示次序，数字越大显示越靠前*/
}
</style>
</head>
<body style="height:2000px;">
<!--前端代码开始-->
<div class="hover-right-css"></div>
<!--前端代码结束-->
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 