我有一个局部 View ,我想在上面添加一个粘性页脚。不幸的是,无论我尝试什么,可滚动的 div 都会溢出我的页脚。
<div id="wrap">
<div class="container">
<div class="scrollable">
<div class="scrollable-content">
<div class="list-group">
<a ng-repeat="msg in chatmessages" href="#" class="list-group-item">
<div class="bubble bubble-{{msg.dir}}">{{msg.text}}</div>
</a>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<div class="container">
<form class="row row-chat">
<div class="input-group">
<input type="text" class="form-control" ng-model="messageText" placeholder="Type your message" />
<span class="input-group-btn">
<button type="submit" class="btn btn-primary">Send</button>
</span>
</div>
</form>
</div>
</div>
自定义 CSS:
#wrap {
min-height: 100%;
height: auto !important;
margin: 0 auto -60px;
}
#footer {
margin-left: -20px;
margin-right: -20px;
padding-left: 20px;
padding-right: 20px;
}
最佳答案
像使用样式一样用特定的高度固定页脚
#footer
{
top:1200px;
left:300px;
}
关于html - MobileAngularUI 部分内部的粘性页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24593106/