зеркало из https://github.com/mozilla/pjs.git
43 строки
904 B
HTML
43 строки
904 B
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<style>
|
|
.container { margin-top:1em; background:yellow; width:100px; }
|
|
.content { width:100px; height:60px; }
|
|
.scroll-in { overflow:scroll; }
|
|
.scroll { overflow-x:scroll; width:200px; }
|
|
.over { height:50px; }
|
|
body { margin:0; position:absolute; clip: rect(0 100px auto 0); }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="container">
|
|
<div class="content"></div>
|
|
</div>
|
|
<div class="container scroll">
|
|
<div class="content"></div>
|
|
</div>
|
|
<div class="container scroll-in over">
|
|
<div class="content"></div>
|
|
</div>
|
|
<div class="container scroll over">
|
|
<div class="content"></div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="content"></div>
|
|
</div>
|
|
<div class="container scroll">
|
|
<div class="content"></div>
|
|
</div>
|
|
<div class="container scroll-in over">
|
|
<div class="content"></div>
|
|
</div>
|
|
<div class="container scroll over">
|
|
<div class="content"></div>
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|