944291-1-ref.html (407B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <style> 5 #d1 { 6 width: 250px; 7 height: 200px; 8 margin: 200px; 9 transform: translateY(10px); 10 } 11 #d1.hidden { 12 transform: translateY(20px); 13 } 14 #d2 { 15 background-color: yellow; 16 position: relative; 17 width: 100px; 18 height: 100px; 19 left: 0; 20 } 21 .hidden > #d2 { 22 left: -100px; 23 } 24 </style> 25 </head> 26 <body> 27 <div id="d1" class="hidden"> 28 <div id="d2"></div> 29 </div> 30 </body> 31 </html>