那我想借这个机会把这个问题做延伸 让大家想想
如果今天变成 Height 的问题
我们想要做成如下
三层
Navbar or Normal Title
=======================
content...
....
....
=======================
inputbox
可以想成像fb message 那样
上下层都是固定位置和大小
中间内容会随着input增加
但是layout不变 (有scrollbar去滑动)
小笨妹我想到的是用传统 margin 去做
(我看了bootstrap官网都没有着墨这部分QQ)
高手会怎么做呢><

CSS写死高度?

用盖的

上下写 fixed 那中间怎么办? 会被盖到

常见就是写死用 overflow 不然就是留白用盖的. 看你需求

http://output.jsbin.com/kunaxi 就随便个东西撑开阿http://jsbin.com/zimitu/1/ 或是改margin

其实那是排版,跟bootstrap没关系了,bootstrap只是给不熟css的人用,解法就是上一个推文,用margin或是padding都可,然后这种有更进阶,滚动鼠标,nav会有动画http://goo.gl/yYqjh7

m大 你的方法有点不够力ㄟ>< 我希望的scroll 是在content 那里 不是全部 http://jsfiddle.net/x59gfbr9/而且你的footer 会让我的 textarea 整个跑掉(not 4/12)

如果你要scroll不要乱掉，margin就改加在body上阿稍微看了一下，那个input跑掉是因为你加了fixed又没设定宽度阿，而且他一开始就是跑掉的你要注意一件事，只要用了position fixed，宽度就是视窗为基准而且position absolute跟fixed，默认都是以内容物为宽度如果你不用%或同时指定上下/左右设定高/宽度，他一定会缩成一团然后再加上bootstrap的30px margin，又崩的更惨还有，你为啥要把fixed的元素硬塞在别的元素里阿...然后，说实在的，我不知道你为何要用bootstrap来做这种固定排版，他设计上就不是拿来做这种事的啊？http://output.jsbin.com/zimitu#

别人帮忙回答 还说不够力建议自己看文件和书 都是很基础的东西

getbootstrap.com/examples/sticky-footer-navbar

m大 谢谢你建设性的回答 >< 觉得你好厉害t 大你可能功力还不够 不知道上面的大大的提点会比会比你在错误的系统里 浪费太多少女时间好很多 我最后不管了 自己加了一些jQuery 整个排版同时手机和桌机都响应 而且一下就搞定 比在错误方向上学习找答案 还又快和美