Inner Width 2

calc() has flow!

by hamzeen hameem

HTML

<div class="abc"></div>
<div class="abc"></div>
<div class="abc"></div>
<div class="abc"></div>
<div class="abc"></div>
<div class="abc"></div>
<div class="abc"></div>

CSS

div.abc {
    width: calc( calc(100vw - 80px) / 7); 
    height: 50px;
    display: inline-block;
    background-color: red;
    padding: 0;
    margin: 0;
}
* {
  padding: 0;
  margin: 0;
  outline: 0;
}

JavaScript

var itemWidth = (window.innerWidth - 80) / 7;
 console.log(itemWidth.toFixed(4));
 
 var element = document.getElementsByClassName("abc")[0],
    style = window.getComputedStyle(element),
    w = style.getPropertyValue('width');

console.log(w);