position-sticky-padding-001-ref.html (668B)
1 <!DOCTYPE html> 2 <meta charset="UTF-8"> 3 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 4 <style> 5 .block { 6 position: relative; 7 width: 300px; 8 height: 210px; 9 padding: 10px; 10 padding-top: 0; 11 margin: 10px; 12 float: left; 13 background-color: #ddd; 14 } 15 16 .col { 17 width: 100px; 18 background-color: blue; 19 height: 210px; 20 } 21 22 .abspos { 23 position: absolute; 24 width: 10px; 25 height: 10px; 26 background-color: cyan; 27 top: 210px; 28 } 29 </style> 30 <div class="block"> 31 <div class="col"></div> 32 <div class="abspos"></div> 33 </div> 34 <div class="block"> 35 <div class="col"></div> 36 <div class="abspos"></div> 37 </div>