width-ref.html (626B)
1 <!DOCTYPE html> 2 <title>CSS zoom applies to width when specified and inherited</title> 3 <link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org"> 4 <link rel="help" href="https://drafts.csswg.org/css-viewport/"> 5 <style> 6 #parent { 7 width: 100px; 8 background: red; 9 } 10 #child-zoomed { 11 width: inherit; 12 background: lime; 13 width: 200px; 14 height: 200px; 15 } 16 #child { 17 width: 200px; 18 height: 200px; 19 background: green; 20 } 21 </style> 22 <p>You should see two squares below. One lime, and one green.</p> 23 <div id="parent"> 24 <div id="child-zoomed"></div> 25 <div id="child"></div> 26 </div>