Fatal编程技术网
  • css/
  • Css 角度2和金色布局高度未发布-不接受百分比高度

Css 角度2和金色布局高度未发布-不接受百分比高度

css angularjs angular

Css 角度2和金色布局高度未发布-不接受百分比高度,css,angularjs,angular,height,golden-layout,Css,Angularjs,Angular,Height,Golden Layout,我面临着一个棘手的问题，角度2和黄金布局组件不接受高度作为百分比。（但将宽度设置为100%效果良好）。 非常感谢您的帮助 就像这里一样： @组件({ 选择器：“我的应用程序”， 提供者：[TestService]， 模板：` 值：{{testService.testValue}} 更改值 `, 风格：[ ` .布局{宽度：100%；高度：100%} ` ] 指令：[GlDirective] }) 当我给出布局时：宽度：100%；高度：400px-如下所示 但当我尝试给出高度时：100%布局

我面临着一个棘手的问题，角度2和黄金布局组件不接受高度作为百分比。（但将宽度设置为100%效果良好）。 非常感谢您的帮助

就像这里一样：

@组件({
选择器：“我的应用程序”，
提供者：[TestService]，
模板：`
值：{{testService.testValue}}
更改值
`, 
风格：[
`
.布局{宽度：100%；高度：100%}
`
]
指令：[GlDirective]
})
  • 当我给出布局时：宽度：100%；高度：400px-如下所示

  • 但当我尝试给出高度时：100%布局根本无法识别高度，也无法正确渲染

    非常感谢。

    您的Plunker不适合我，但这看起来很像标准CSS 100%高度欺骗

    不要使用
    height:100%
    尝试使用
    height:100vh

    当您使用
    高度：100%
    时，您的意思是该元素应具有与其父元素相同的高度，但默认情况下，父元素以0高度开始，并增长以适合其内容。因此，最终的结果是父对象的高度基于子对象，子对象的高度基于父对象。令人困惑，对吧？因此，只有当其中一个使用固定高度时，它才起作用，比如当您使用
    高度：400px
    或类似
    高度：100vh
    的东西时，这意味着“与屏幕一样高”

    您还可以查看关于同一问题的更多答案