我有一个带有一些填充的包装器,然后我有一个浮动的相对div,其百分比宽度(40%).
在浮动相对div内部,我有一个固定的div,我希望它的大小与其父级相同.我知道固定div从文档流中删除,因此忽略了包装器的填充.
<div id="wrapper">
<div id="wrap">
Some relative item placed item
<div id="fixed"></div>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
body {
height: 20000px
}
#wrapper {
padding: 10%;
}
#wrap {
float: left;
position: relative;
width: 40%;
background: #ccc;
}
#fixed {
position: fixed;
width: inherit;
padding: 0px;
height: 10px;
background-color: #333;
}
Run Code Online (Sandbox Code Playgroud)
这是必须的小提琴:http://jsfiddle.net/C93mk/489/
有谁知道这样做的方法?
我已经修改了小提琴,以显示我想要完成的更多细节,对于这种混淆感到遗憾: http ://jsfiddle.net/EVYRE/4/