Html 滚动条位于div后面
萨拉姆 我想制作如下所示的HTML布局:Html 滚动条位于div后面,html,css,layout,css-float,Html,Css,Layout,Css Float,萨拉姆 我想制作如下所示的HTML布局: +----------------------+-----+ | upSide | | |----------------------| | | |right| | |side | | | | | mainSide | | |
+----------------------+-----+
| upSide | |
|----------------------| |
| |right|
| |side |
| | |
| mainSide | |
| | |
| | |
+----------------------+-----+
#upSide{
position:fixed;
width: 80%;
}
#rightSide{
width:20%;
float:right;
position:relative;
}
#mainFrame{
height:100%;
overflow:auto;
}
像这样的事情:
<div id="rightSide"></div>
<div id="mainFrame">
<div id="upside"></div>
<div id="mainSide"></div>
</div>
所有的事情都是真的,但是滚动条(在大型机中)在上面。
对于这种情况,您有什么建议?由于您添加的位置:已修复,滚动条向后上移 试试这样的
<html>
<head>
<style>
#upSide{
height:200px;
width: 80%;
background:blue;
}
#mainSide{
height:800px;
width: 80%;
background:green;
}
#rightSide{
width:20%;
height:800px;
float:right;
position:relative;
background:red;
}
#mainFrame{
height:800px;
width: 80%;
overflow:auto;
background:yellow;
}
</style>
</head>
<body>
<div id="rightSide"></div>
<div id="mainFrame">
<div id="upside"></div>
<div id="mainSide"></div>
</div>
</body>
#上边{
高度:200px;
宽度:80%;
背景:蓝色;
}
#主线{
高度:800px;
宽度:80%;
背景:绿色;
}
#右侧{
宽度:20%;
高度:800px;
浮动:对;
位置:相对位置;
背景:红色;
}
#主机{
高度:800px;
宽度:80%;
溢出:自动;
背景:黄色;
}
我想把上半部粘到页面顶部。它应该始终可见。即使用户向下滚动。