css units

by Berat Emre NebioÄźlu

HTML

<div class="container">
    <div class="subContainer">
    
    </div>
</div>
<div class="result">

</div>

CSS

.container {
         max-width: 400px;
       margin-left: auto;
       margin-right: auto;
}
.subContainer {
       width: 80%;
       margin-left: auto;
       margin-right: auto;
}

JavaScript

var body = document.querySelector(".body");
var container = document.querySelector(".container");
var subContainer = document.querySelector(".subContainer");

var style2 = window.getComputedStyle(container, null);
var style3 = window.getComputedStyle(subContainer, null);
var result = document.querySelector('.result');

result.innerHTML += "width of container: " + style2.width + "<br>";
result.innerHTML += "width of sub container: " + style3.width + "<br>";