语义UI网格列高度

Ned*_*edo 9 html css semantic-ui

我正在构建一个简单的基于网格的布局,我想.vertical pointing menu放在第3个紫色行中,如此处显示小提琴.哪个是使第3行的高度适合100%视口的正确方法?我尝试通过将主体和指向菜单高度设置为100%但没有任何效果.该行的高度由内容的高度决定,在这种情况下是菜单的高度.

Jan*_*Jan 11

以下代码片段(和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>
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/ea04tkwo/

  • 对我来说,“拉伸”是重点,谢谢:) (3认同)