强制一个容器填充剩余空间

-1

div容器.wrapper在#Wrapper下必须填充页眉和页脚之间的空间。所以它应该得到#Wrapper容器的高度。强制一个容器填充剩余空间

jsFiddle Example - UPDATE

你能帮助我吗？

来源

2014-05-14 invictus

这会很有用？ http://stackoverflow.com/questions/23639798/html-5-div-position/23640151#23640151 – valerio0999

嗨，我也想过使用jQuery。我带着一个类似的解决方案http://jsfiddle.net/5d9R7/。只要您不缩小窗口的大小，就可以正常工作。有任何想法吗？ – invictus

最简单的方式，因为你的页眉和页脚具有特定的高度，就是要做到以下几点：

// Add the following to #wrapper 

#wrapper { 
    position: absolute; 
    top: 200px; 
    left: 0; 
    right: 0; 
    bottom: 200px;  
    // IMPORTANT 
    // REMOVE the following rule: 
    // min-height: 100%;  
}

请记住删除min-height: 100%;从#wrapper

这里有一个fiddle。祝你好运...

来源

2014-05-14 11:01:07 stephenmurdoch

页脚没有特定的高度。只有最小高度。这是这里的问题。也顶200px将无法正常工作，因为（我忘了说这个）会有一个自适应高度的导航栏。 – invictus

我更新了我的问题 – invictus

强制一个容器填充剩余空间

回答

相关问题