TestFlow_PositionAbsolute_Right_WidthAuto.html 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta http-equiv="Content-type" content="text/html; charset=utf-8">
  5. <title>Project1</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1">
  7. <style>
  8. body {
  9. margin: 0;
  10. }
  11. #Div1 {
  12. position: absolute;
  13. height: 120px;
  14. right: 30px;
  15. }
  16. #Div2 {
  17. margin: 10%;
  18. padding: 10%;
  19. box-sizing: border-box;
  20. width: 80%;
  21. height: 60%;
  22. }
  23. #Div3 {
  24. width: 100px;
  25. height: 30px;
  26. }
  27. </style
  28. </head>
  29. <body>
  30. <div id="Div1"><div id="Div2"><div id="Div3">Div3</div></div></div></body>
  31. <div style="width: 300px; border: 1px solid red;">
  32. AAA
  33. <div style="width: 200px; border: 1px solid red;">
  34. BBB
  35. <div style="position: absolute; border: 1px solid red; left:70px;">Ancestor designers aka "visual form inheritance":
  36. A form/frame/datamodules/etc can be inherited, e.g. TBirdForm can inherit/descend from TAnimalForm. Loading a TBirdForm requires the TAnimalForm lfm (not an instance of TAnimalForm). Writing a TBirdForm requires an instance of TAnimalForm as ancestor for comparison, and writes only the difference to the TBirdForm's lfm.
  37. Therefore when the designer of TBirdForm is opened, and the TAnimalForm designer is already open it is used as ancestor instance. Otherwise a hidden instance of TAnimalForm is created.
  38. When a variable is renamed on TAnimalForm instance, the corresponding variable on TBirdForm instance is renamed as well via a recursive search.
  39. </div>
  40. CCC<br>
  41. DDD
  42. </div>
  43. EEE
  44. </div>
  45. FFF
  46. </html>