我想在父div中修复div。这个小提琴会给你一个例子: http://jsfiddle.net/4bGqF/873/
正如您所看到的,固定div正在打破容器。它应该保留在容器的顶部,但不能大于容器(包括滚动条)。
这可能吗?
代码:
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#container {
width: 400px;
padding-top:40px;
height: 140px;
background: green;
overflow-y:scroll;
position: relative;
}
#fixed {
position: absolute;
top:0;
left:0;
width:100%;
border: 1px solid green;
background: red;
}
答案 0 :(得分:0)
更改位置值并为其指定与父div相同的宽度。
' fixed' -DIV的CSS将是:
#fixed {
position:fixed;
top:0;
left:0;
width:400px;
border: 1px solid green;
background: red;
}
像这样? jsFiddle