我有一个带有主区域的仪表板和一个带有活动提要的侧栏.有时"活动"多于主要内容.有没有一种纯css的方法来确保活动提要的高度被限制到主区域的高度?让这件事变得复杂的一件事是,主要区域没有固定的高度.
以下是对这个问题的一个嘲弄:
这感觉...就差那么一点...但它并没有到达那里.开始怀疑没有JS是不可能的吗?
我有一个带有主区域的仪表板和一个带有活动提要的侧栏.有时"活动"多于主要内容.有没有一种纯css的方法来确保活动提要的高度被限制到主区域的高度?让这件事变得复杂的一件事是,主要区域没有固定的高度.
以下是对这个问题的一个嘲弄:
这感觉...就差那么一点...但它并没有到达那里.开始怀疑没有JS是不可能的吗?
将侧边栏转换为absolute
元素,并将其设置为relative
元素的父元素.
这使得它依赖于它的母公司.随着主内容的增长,父内容和侧边栏也会与父内容的高度匹配.
别忘了为主要内容设置一个最小高度,例如min-h-[10rem]
,以避免侧边栏太小.