| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556 |
- <div class="test-box" style="height: 200px; width: 200px">
- <div class="test-box" style="height: 400px; width: 400px">
- <div class="test-box" style="height: 800px; width: 800px">
- <div class="target"></div>
- <div class="source source-se"></div>
- </div>
- <div class="source source-sw"></div>
- </div>
- <div class="source source-ne"></div>
- </div>
- <div class="source source-nw"></div>
- <style>
- body {
- padding-top: 2000px;
- }
- .test-box {
- padding: 15px;
- border: 25px solid #000;
- overflow: scroll;
- position: relative;
- }
- .source {
- width: 40px;
- height: 40px;
- background: red;
- position: absolute;
- }
- .source-nw {
- background: cyan;
- }
- .source-ne {
- background: magenta;
- }
- .source-sw {
- background: yellow;
- }
- .source-se {
- background: black;
- }
- .target {
- width: 80px;
- height: 80px;
- background: blue;
- position: absolute;
- bottom: 0;
- right: 0;
- }
- </style>
|