我目前正在构建一个固定在页面底部的页脚元素。
<div id='footer'>
<div id='chat'>
<input class='input-medium' type='text' placeholder="Say something..."/>
<button class='btn'>Send</button>
</div>
<div id='logs'>
<!-- There will be a lot of logs here and it will be scrollable-y -->
</div>
</div>
我想以这样一种方式构造这个元素,即我的用户可以调整(垂直)这个元素,无论他们喜欢多高。我会调整大小,以便调整页脚元素的大小将调整#logs的大小。
我应该如何构建我的CSS,以便我可以简单地设置页脚的高度,以便:
答案 0 :(得分:0)
听起来你刚刚描述了你需要的东西。不确定你需要我们的帮助!只需将日志设置为100%并将overflow-y设置为滚动即可。
#footer {
position: fixed;
bottom: 0;
width: 600px;
border: 1px solid gray;
background: lightgray;
border-radius: 15px 15px 0px 0px;
padding: 10px;
height: 200px;
left: 50%;
margin-left: -300px;
}
#logs { height: 100%; overflow-y: scroll; margin-top: 20px; }