首页 文章

div为浏览器窗口的100％高度

提问于
浏览 次
4

我的网站有两列，现在背景颜色在左栏的最后一段内容（用于导航）结束 .

我试过身高：100％，身高：100％;似乎没有用 . 这是css .

.container {
    width: 100%;
    height:100%;
    min-width: 960px;
    background: #fbf6f0;
    margin: 0 auto; 
    overflow: hidden;
}

#sidebar1 {
    float: left;
    position:absolute;
    width: 20%;
    height:100%;
    min-width:220px;
    background: none repeat scroll 0% 0% #007cb8;
    z-index:9999;
}
css

4 回答

  • 0

    设置身高也是如此

    body,html{
  height:100%;
}

div {
  height:100%
}
    回复于
  • 8

    使用视口高度 - vh .

    .container {
height: 100vh;
}

    Update

    请注意，在Safari iOS上使用VH可能存在问题 . 有关更多信息，请参阅此主题：Chrome / Safari not filling 100% height of flex parent

    回复于
  • 0

    div 不是't fill the entire window by default if because it'标签的原因可能是 <body> 标签只能伸展到需要的高度 . 在样式表的顶部添加它（我喜欢按照与标记中的标签类似的顺序排序样式）：

    html, body {
    height:100%;
    min-height:100%;
}

    编辑：语法

    回复于
  • 5
    overflow-y: auto;

    此css代码适用于您的解决方案 .

    回复于

相关问题