我有这个问题,我有两个div:
<div style="width:100%; height:50px;" id="div1"></div>
<div style="width:100%;" id="div2"></div>
如何让div2占据页面的剩余高度？
我正在尝试创建一个没有垂直滚动页面的网站,但我需要其中一个DIV我必须垂直扩展到页面底部(最多),并且当它的内容不适合时,div应该创建一个垂直滚动条.
我已经在这个小提琴中找到了div 内部的css,在需要时创建了滚动条.我也想出了如何使容器div增长到恰好占据页面中的垂直空间.我只是不能让他们一起锻炼!
请记住,在jsfiddle你将无法查看整个网站的内容,从这个意义上说,你得到的第二小提琴并没有真正显示正在做什么,但它按照我的意图工作.
只是另一个注意事项:因为它们是不同的小提琴,第一个小提琴中的id#container div是第二个例子的id #dcontent div.
另外还有一件事:对于一种内容,这个div将垂直滚动,但对于其他类型的内容,我希望它水平滚动,因为它将有一个产品"滑块"在这个DIV内水平显示元素.
另请看这张照片,因为它可能更容易理解我想说的是:PICTURE
我试图寻找有关这些主题的其他问题,但似乎没有一个涵盖我试图解决的所有方面......:S
如果还有其他我可以提供的帮助你/我:)搞清楚,请告诉我!
谢谢!
编辑1:修正错别字
EDIT2:添加图片进行解释
该v-tabs组件并不需要100％的高度。检查后，我发现所有选项卡项（即选项卡内容）都被包装在
<div class='v-tab__items'>
your content
</div>
如何定位v-tab__items课程？还是有另一种方法可以达到相同目的？我尝试了heightVuetify 的API，但未获得所需的结果。
任何帮助表示赞赏:)