position-sticky-padding-002-ref.html (682B)
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: 210px; 8 height: 300px; 9 padding: 10px; 10 padding-left: 0; 11 margin: 10px; 12 float: left; 13 background-color: #ddd; 14 } 15 16 .row { 17 height: 100px; 18 width: 210px; 19 background-color: blue; 20 } 21 22 .abspos { 23 position: absolute; 24 width: 10px; 25 height: 10px; 26 background-color: cyan; 27 top: 0; 28 left: 210px; 29 } 30 </style> 31 <div class="block"> 32 <div class="row"></div> 33 <div class="abspos"></div> 34 </div> 35 <div class="block"> 36 <div class="row"></div> 37 <div class="abspos"></div> 38 </div>