Html 如何动态设置角度中同级的最大宽度

是否可以将div的最大宽度设置为与其同级的宽度相同的值（以angular6为单位）

换句话说，我是否可以将“child_-two”的最大宽度设置为与“child_-one”的宽度相同的值，并限制在渲染时我只知道“child_-one”的宽度

`<div class="parent-div">
   <div id="child_one" class="child-div"> </div>
   <div id="child_two" class="child-div"> </div>
 </div>`

`
`

借助模板引用变量

child1

，可以将

child\u two

的

max width

样式属性绑定到

child\u one

的

offsetWidth

：

<div class="parent-div">
  <div id="child_one" class="child-div" #child1 > </div>
  <div id="child_two" class="child-div" [style.max-width.px]="child1.offsetWidth"> </div>
</div>

---

请参阅演示。

您能使用

flex

CSS规则吗？如果没有flexbox会更好。除非这是唯一的选择？