overflow妙用代码-慕课网

首页课程实战体系课手记专栏慕课教程

overflow妙用代码

来源：4-1 overflow与absolute绝对定位

code前端

2015-08-09 21:39

老师能不能把这节课的overflow妙用的完整代码贴出来？

写回答关注

2回答

吃饺子不给醋: 2016-02-26 21:50:57

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.main-body{
height: 1000px;
width: 80%;
margin: 0 auto;
background: #ccc;
padding-left: calc(100vw - 100%);
}
.fixed-wrap{
height: 0;
overflow: hidden;
text-align: right;
}
.fixed-right{
position: fixed;
margin:20px 0 0 20px; 
}
</style>
</head>
<body>
<div>
<div>
&nbsp;<img src="demo_images/fixed.jpg">
</div>
</div>
</body>
</html>

试试这个

1 0

慕少7532...

这段代码的.fixed-right中，为何是position:fixed？按照老师的position:absolute设置时，不会固定，求解释

2016-10-20 22:19:08

共 1 条回复 >