CSS：将Div高度设置为100％

2018-06-14 13:53:49

我的页面上有一个标题，它刚好超过100px（确切的说是111px）它下面的div需要扩展到视口的底部，就好像我已经将底部设置为0px。问题在于，我无法在ie6（bug）中指定顶部和底部。

我可以指定顶部：111px或底部：0px，但我仍然需要高度是正确的，即。根据视口的大小，100％-111px。

似乎无法获得表达式似乎是解决方案

这是我的css代码：

position: absolute; 
width: 200px; 
top: 111px; 
bottom: 0px;

有什么建议么？

我将height属性添加到body和html标签。

HTML：

<body>
<div id="wrapper">
 <div id="header">header</div>
 <div id="content">content</div>
</div>

CSS：

html, body
{
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
}
#wrapper
{
    height: 100%;
    min-height: 100%;
}
#header
{
    height: 111px;
}

这样做的最好方法是使用视图端口样式。它只是做了工作，并没有其他技术需要。

码：

div{
  height:100vh;
}

<div></div>

或者，您可以使用position:absolute ：

#content
{
    position:absolute;
    top: 111px;
    bottom: 0px;
}

但是，IE6不喜欢顶部和底部声明。但Web开发人员不喜欢IE6。

链接地址: http://www.djcxy.com/p/41467.html

上一篇: CSS: Set Div height to 100%

下一篇: Why does auto attribute for margin not work vertically while it works horizontally?