LESS/CSS - 将未知宽度的容器拆分为四个部分？

Question

这可以在LESS中完成吗？

我有一个主容器，其宽度我不知道。根据浏览器窗口宽度等，宽度也可能不同。

在容器内部，我希望有4个（或n）同样宽的子容器（跨度或div）。

不知道主容器的实际宽度，是否有任何方法可以在LESS中进行某种计算，这只会将主容器的宽度称为“宽度”（缺少更好的单词），并且那么让我把“宽度”分成4？

---

PS：随意纠正或编辑我的问题，如果我使用任何混淆或不正确的命名法。

Answer 1

我认为你正在推翻它，你可以用标准CSS通过使用百分比来做到这一点。

HTML

<div class="container"> 
    <div class="quarter">Content 1</div> 
    <div class="quarter">Content 2</div> 
    <div class="quarter">Content 3</div> 
    <div class="quarter">Content 4</div> 
</div> 

LESS/CSS

div.container { 
    width: 100%; 

    div.quarter { 
     width: 25%; 
     float: left; 
    } 
} 

而不是float: left如果你要玩了一下，你可以尝试display: inline-block。

JSFiddle example