title: How to divide parent width equally between its children in css
body: <p>I want to some divs inside a parent div and i want them to be floated. i want that all the parent space be allocated to its children and to empty gap at end be created.</p>
  
  <p>the number of child are determined by the parent width so i can not use percent.</p>
  
  <p>example:</p>
  
  <p>i want to set children divs width to 300 and the parent width is 1000 so
  1000 / 300 = 3 divs will fit but i want that extra 100 pixel be divided equally between children.  now if i set parent width too 1200 four children should fit in the parent.</p>
  
  <p>i need some thing like this</p>
  
  <p>width:calc(100% / (100% / 300));  --> children width</p>
  
  <p>but actually it works if first division be floating point division and second
  be integer division. but there is no integer division or mod operator in css calc
  method.</p>
  
  <p>any opinion...</p>