Question

我正在尝试创建2个简单的div，其中一个是aggregate(df$Catraca, by = list(Linha = df$Linha), FUN = sum)，另一个是80vw来创建两个div并排。

出于某种原因，这不起作用：

20vw

小提琴：https://jsfiddle.net/4hvrz4o1/

Answer 1

Switch to flexbox model：

 <div style="display:flex">
     <div style="background:black; height:100vh; width:50vw; display:inline-block;">50vw</div>
     <div style="background:red; height:100vh; width:50vw;display:inline-block;">50vw</div>
 </div>

原始的浏览器布局疯狂有一个方法，你只需要记住它。就个人而言，我发现flexbox模型更经常与我对布局的“思考方式”保持一致，所以我更频繁地使用它。 Here's a cheat sheet常见用例，尤其是并排案件。

Answer 2

添加width:100vw的父元素和width:50%

子元素

这是更新的小提琴：https://jsfiddle.net/4hvrz4o1/2/

使用vw创建两个元素以创建100vw不起作用

2 个答案: