html - div.fixed 100% 宽度只用 css

Question

如何将 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>

Answer 1

100% 的内容？那将是

width:calc(40% - 40px);