                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之overflow

overflow妙用代码

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

code前端

2015-08-09

源自：CSS深入理解之overflow 4-1

关注问题我要回答

1306

操作

收起

2 回答

吃饺子不给醋
2016-02-26

<!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>

试试这个