transform-transformed-tr-percent-height-child-ref.html (794B)
1 <!doctype HTML> 2 3 <title>CSS Test (Transforms): Transformed tr with percent height abspos child reference.</title> 4 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org"> 5 <style> 6 .table { 7 width: 100px; 8 height: 100px; 9 background-color: lightblue; 10 } 11 .tr { 12 height: 50px; 13 background-color: lightgrey; 14 } 15 .contblock { 16 transform: translateX(10px); 17 width: 200px; 18 height: 200px; 19 background-color: lightyellow; 20 } 21 .abspos { 22 position: absolute; 23 top: 20px; 24 left: 20px; 25 width: 100%; 26 height: 100%; 27 background-color: blue; 28 } 29 </style> 30 31 <div class="contblock"> 32 <div class="table"> 33 <div class="tr" style="width: 50px;"></div> 34 <div class="tr" style="width: 100px; transform: translateX(10px)"> 35 <div class="abspos"></div> 36 </div> 37 </div> 38 </div>