我有一个 Quasar 布局,需要填充
我看到的所有解决此问题的 CSS 技巧都会干扰父容器的属性,我不想这样做以确保不破坏内部 Quasar 布局所需的任何属性。将容器的子元素
我已经准备好了一个演示案例the problem here。
在这种情况下,我想让
PS:CSS 布局和定位对我来说一直很不直观,如果有人有关于如何更好地理解其逻辑的资源建议,我会非常感激!
q-page-container
元素的高度为 100% 的组件。问题在于容器没有完全展开以覆盖整个高度(与抽屉不同,抽屉使用绝对定位做到了)。我看到的所有解决此问题的 CSS 技巧都会干扰父容器的属性,我不想这样做以确保不破坏内部 Quasar 布局所需的任何属性。将容器的子元素
div
设置为 height: 100%
没有影响,将其设置为像 100px
这样的绝对值可以正确设置高度,但我需要它适应浏览器视口。我已经准备好了一个演示案例the problem here。
在这种情况下,我想让
#troublemaker
填满其容器的整个高度 - 或者更确切地说,填满其祖父容器的高度减去标题高度,因为父容器只是根据其内部内容扩展。PS:CSS 布局和定位对我来说一直很不直观,如果有人有关于如何更好地理解其逻辑的资源建议,我会非常感激!
height
而不是min-height
,以便其内容(一个QTable)出现。然而,父级QPage明显使用min-height
。我现在知道如何继承min-height
,但我是否可以将height
设置为min-height
?或者我应该采用不同的方法来解决这个问题? - hans_meineclass="column full-height"
,而不是样式属性。显然,弹性布局使一切都神奇地工作了(只需在 QScrollArea 和其中的 QTable 上使用col
类,而无需任何样式属性)。 - hans_meine