面试的时候碰到的问题， 如何实现四栏等宽，中间设置一定间隙的自适应布局：
如图，在未知宽度的父容器中， 里面四列等宽，中间间隙相等，比如10px：（我目前只想到是用JS先获取父容器宽度，然后通过减去间隙，再计算设置列的宽度后设置列宽度），有没有不用JS的方法？
你可以这样试试：（假设外层容器的宽度为100%），
.wrap p{
background: blue; float:left; width:20%; height:100%; margin:0 2.5%; }
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
闭关修行中......