java - 子组件宽度超过父组件

Question

我有一个基于 CssLayout 的 View ，它具有预定义的最小宽度，但可以展开以填满整个屏幕。这个 View ，我们称之为父 View ，在 ListView 中有 subview 。每个 child 都是扩展 Horizo​​ntalLayout 的同一类的实例。

我在布局方面遇到了几个问题。

首先，由于封装的 VerticalLayout 给每个 child 一定比例的空间，而不是让他们根据自己的高度适当留出空间，因此 children 彼此重叠。 VerticalLayout 是必需的，因为当列表大于父级时我需要父级滚动。

其次，子级不会调整宽度以匹配父级。我尝试修复的结果要么是 child 太宽以至于需要水平滚动，要么是 child 的宽度小于 parent 的宽度并且有额外的空间。

如图所示，顶部的两个子项向右留出额外空间。第三个 child 溢出父宽度导致水平滚动。

如何使用 Vaadin 或 CSS 解决这两个问题？

Answer 1

经过进一步测试，我能够通过将列表子项和列表父项切换为使用 CssLayout 并在填充其内容后设置高度或宽度来接近所需的效果。