overflow妙用代码

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

overflow妙用代码

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

提问者：code前端 2015-08-09 21:39

个回答

吃饺子不给醋: 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>

试试这个

慕慕9986984

2015-12-24 21:04:19

看下这个吧！

0