[英]Semantic UI grid column height
我正在建立一个简单的基于网格的布局,我想在第3个紫色行内放置.vertical pointing menu
,如显示小提琴 。 哪种方法可以使第3行的高度占据视口的100%? 我尝试将主体和指向菜单高度设置为100%,但这不起作用。 该行的高度由内容的高度决定,在这种情况下是菜单的高度。
以下代码片段(和jsfiddle)取自Semantic-UI Issues页面,同一个用户询问同一个问题:
<style>
html, body {
height: 100%;
}
.ui.grid {
height: 100%;
}
</style>
<div class="ui padded equal height grid">
<div class="two wide purple column">
</div>
<div class="fourteen wide stretched column">
<div class="ui equal height grid">
<div class="sixteen wide red column"></div>
<div class="eight wide orange column"></div>
<div class="eight wide blue column"></div>
</div>
</div>
</div>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.