Html 固定div为实心，高度为100%

我试图使用css唯一的方法来解决这个问题，而不是使用

左边距

将

从

我已经没有办法尝试什么了。我嵌套了一些包装，并使用了不同的位置（这不是打字错误，也不是法语，请原谅拼写检查），但到目前为止还没有任何结果

问题：将固定div作为solid元素，以接受其右侧的

.fd

元素

.fd

保存将超过页面高度的内容。

.sb

保存侧面内容，其高度将保持为100%

关于我一直在努力解决的问题，请参见代码片段

*{
保证金：0；
填充：0；
框大小：边框框；
}
某人{
身高：100%；
宽度：300px；
背景：蓝色；
位置：固定；
不透明度：0.5；
}
.fd{
最小高度：100%；
背景色：红色；
显示：内联；/*不适用于固定？块将重叠所有内容*/
}

我在外面吗

添加了一个额外的

.wrap

*{
保证金：0；
填充：0；
框大小：边框框；
}
.包裹{
左侧填充：300px；
}
某人{
身高：100%；
宽度：300px；
背景：蓝色；
左边距：-300px；
位置：固定；
不透明度：0.5；
}
.fd{
最小高度：100%；
背景色：红色；
显示：内联；/*不适用于固定？块将重叠所有内容*/
}

我在外面吗

你想切换一些东西，但你的目标是不使用JS？这会在悬停时发生吗？仅仅使用CSS就没有那么多的功能了。要切换此更改的内容是什么？还有什么是“RWD编辑”？这不是主要流程的一部分，只是我将要实现的一个想法。输入级元素可用于类似切换的更改。RWD编辑-响应性网页设计编辑。那么，你的实际问题是什么？如何切换？或者只是如何将div定位到右侧？很明显，你已经可以做你在问题标题中所做的事情了，要想弄清楚你在问什么有点困难。删除了那篇喋喋不休、更新过的帖子。主要的问题是元素。当然是有效的，我之前就有过这个想法，因为我之前说过，使用左边距（在本例中是填充左边距）将是最后一根稻草。如果没有更好的方法来解决这个问题，这就是答案。最初我的想法是将

.sb

作为固定属性，而不使用

.fd