17 lines
626 B
HTML
17 lines
626 B
HTML
<!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>
|