<main>元素不接受其父高度
<main>元素不接受其父高度
提问于 2017-06-20 17:53:02
我已经使用chrome devtool删除了DOM中所有不必要的元素。
正文是相对的，并占用文档中所有可用的空间。这就是我想要的。
我的工具栏是相对的，可以取我想要的高度：
问题出在我的<main>元素上
此元素是相对的，并且具有height: 100%属性。如果我的理解是好的。<main>应该接受它的父级的100%。在这里，它的父对象是body。因此，<main>应该占用可用的空间。
在我的例子中：
<main>元素的高度为0。
你能解释它是从哪里来的吗？如何让这个<main>元素占用可用的空间呢？
谢谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-06-20 18:04:12
html,body{
height:100%;
margin:0;
padding:0;
}将display:block;属性分配给main标记，因为它在IE中不起作用
main{
display:block;
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44649733
复制相关文章
相似问题
腾讯云开发者
