使bootstrap均匀分布并正确对齐div

Question

我想知道当我的div是X大小时，发生了什么，可以很容易地看到一个屏幕而不需要滚轮，它将页脚放在屏幕下方，但是，当它div放置或尺寸更大

示例代码：

<div id="wrap">
    <div class="header cms-logo">
        <h1 class="font header">The Old Thatch Inn</h1>
    </div>
    <div id="main" class="container inner clear-top">

CSS：

html, body {
height: 100%;
}

.container {
margin: 20px 0px 20px 0px;
background-color: #e7e7e7;
border-radius: 5px;
}

#wrap {
min-height: 100%;
}

#main {
overflow: auto;
}

.footer {
position: relative;
margin-top: -150px;
height: 150px;
clear: both;
padding-top: 20px;
}

我已经了解了JSFiddle这是如何运作的。

非常感谢

Answer 1

删除plot(x,f(x),'r',x,g(x),'b') css或更改#wrap（更小）的百分比。