Html 带滚动窗口的引导布局
我已经创建了一个引导布局,它有一个固定的导航栏和一个固定的边栏,这样剩余的跨度(内容跨度)将垂直滚动。然而,我希望内容范围实际上包含一个窗口标题和一个窗口,其中窗口标题是静态的,但窗口的内容在窗口内滚动Html 带滚动窗口的引导布局,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我已经创建了一个引导布局,它有一个固定的导航栏和一个固定的边栏,这样剩余的跨度(内容跨度)将垂直滚动。然而,我希望内容范围实际上包含一个窗口标题和一个窗口,其中窗口标题是静态的,但窗口的内容在窗口内滚动 .sidebar-nav-fixed { padding: 9px 0; position: fixed; left: 20px; top: 78px; width: 250px; } .row-fluid > .span-fixed-sidebar { marg
.sidebar-nav-fixed {
padding: 9px 0;
position: fixed;
left: 20px;
top: 78px;
width: 250px;
}
.row-fluid > .span-fixed-sidebar {
margin-left: 290px;
}
.main {
margin-top: 80px;
}
.header {
margin-top: 80px;
}
.threadwindow {
height: 100%;
overflow: auto;
border: 1px solid #333;
}
我已经把现在的代码贴在这里了
如果有任何建议,我将不胜感激。我尝试了固定位置的窗口标题,但窗口内容只是在上面滚动:-(这不是我想要的。我已经解决了这个问题,核心css基本上是:
#main {
position: absolute;
left: 300px;
top: 100px;
right: 0;
bottom: 0;
border: 2px solid #333;
}
.threadwindow {
position: absolute;
left: 0;
top: 50px;
right: 0;
bottom: 0;
border: 1px solid #333;
overflow-y: auto;
}
完整结果载于:
为了清晰起见,我在主窗口周围加了一个边框来强调它,并在其中嵌入了一个子窗口(同样加了边框)允许在子窗口内容上添加标题。如果子窗口中的内容溢出可用空间,则子窗口中的内容将垂直滚动,并且通过使用绝对定位,主窗口的右边框和下边框将固定到浏览器的边缘