| <!DOCTYPE html> | |
| <html> | |
| <body style="zoom: 1.1;"> | |
| <div id="test" style="height: 100px;"> | |
| <div id="red" style="width: 212px; height: 100px; background:red; float: left;"></div> | |
| <div id="blue" style="height: 100px; background: blue; float: left;"></div> | |
| </div> | |
| <script> | |
| var testContainer = document.getElementById('test'); | |
| var w = document.body.getBoundingClientRect().width; | |
| w = 913; | |
| testContainer.style.width = w + 'px'; | |
| testContainer.children[1].style.width = (w - testContainer.children[0].getBoundingClientRect().width) + 'px'; | |
| </script> | |
| </body> | |
| </html> |