我正在制作一个有三个div的网站。我试图让它们在包装中正确适合但是当我调整窗口大小时，如果窗口变小，绿色框会在另外两个下面。如果我调整窗口大小，似乎div没有正确调整大小。这就是我所拥有的：https://jsfiddle.net/nq5qwwnc/。
这是包裹
#!/bin/bash
echo "read es: " $1
dirname $1
即使窗口调整大小，我试图做的就是让它们彼此相邻。
答案 0 :(得分：0)
我强烈建议您查看flexboxes。它们提供了一种非常简单的方法，可以以响应的方式将元素排列成行或列。
在您的示例中，例如：
ng-if这表示第一个和第三个框的宽度为20％，第二个框的宽度为55％。 #mainWrapper {
display: flex;
}
.firstBox, .thirdBox {
flex: 0 0 20%;
}
.secondBox {
flex: 0 0 55%;
}
部分确定框是否动态增长以适应主包装器中的剩余空间;在这种情况下，我设定它们不会增长。
试着看看你是否可以在你的js小提琴中使用它！