summary-position-out-of-flow.html (663B)
1 <!DOCTYPE html> 2 <!-- Any copyright is dedicated to the Public Domain. 3 - http://creativecommons.org/publicdomain/zero/1.0/ --> 4 5 <html> 6 <head> 7 <style> 8 #fixed { 9 position: fixed; 10 bottom: 0; 11 right: 0; 12 } 13 #absolute { 14 position: absolute; 15 top: 100px; 16 left: 100px; 17 } 18 </style> 19 </head> 20 <body> 21 <details> 22 <summary id="fixed">Summary (position: fixed)</summary> 23 <p>This is the detail with fixed summary.</p> 24 </details> 25 <details> 26 <summary id="absolute">Summary (position: absolute)</summary> 27 <p>This is the detail with absolute summary.</p> 28 </details> 29 </body> 30 </html>