如何将 div.fixed 固定在其父 .content 宽度的 100%? ...知道所有宽度都是可变的,甚至是 .content
或多或少我需要的是 .content with position: relative; div.fixed position:absolute;和宽度:100%;但如果我有垂直滚动条,则固定在顶部
如果可能,不使用 JavaScript,只使用 CSS。
我尝试了几种方法,但都没有用,谢谢你的时间和帮助
.sidebar {
float: left;
background-color: red;
padding: 20px;
color: #fff;
}
.content {
float: left;
width: 40%;
padding: 20px;
background-color: #d5d2ca;
min-height: 900px;
box-sizing: border-box;
position: relative;
}
.fixed {
background-color: #aaffaa;
padding: 20px;
position: absolute;
box-sizing: border-box;
width: calc(100% - 40px);
}
.content p {
margin-top: 100px;
}
<div style="width: 90%; margin: 0 auto;">
<div class="sidebar">
the sidebar is going to have variable width
</div>
<div class="content">
<div class="fixed">
Fixed
</div>
<p>content</p>
</div>
</div>
最佳答案
100% 的内容?那将是
width:calc(40% - 40px);
关于html - div.fixed 100% 宽度只用 css,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45891631/