Html 左分区:修复:右分区流体-次要问题css

Html 左分区:修复:右分区流体-次要问题css,html,css,Html,Css,CSS: html: 问题:问题是,右侧进入左侧div,因为右侧div是固定的。我不想应用marginleft:250px,因为left div的宽度为250px,以便在屏幕上正确显示右div文本。我需要一个很好的解决方案 col先生固定在左边{ /*固定宽度*/ 宽度:250px; /*固定边栏*/ 位置:固定; 身高:100%; 填充:0px 15px; 背景:444c63; } 上校:是吗{ 宽度:250px; 填充:0px 15px; 背景:ddd; 位置:固定; 左:250px; 身

CSS:

html:

问题:问题是,右侧进入左侧div,因为右侧div是固定的。我不想应用marginleft:250px,因为left div的宽度为250px,以便在屏幕上正确显示右div文本。我需要一个很好的解决方案

col先生固定在左边{ /*固定宽度*/ 宽度:250px; /*固定边栏*/ 位置:固定; 身高:100%; 填充:0px 15px; 背景:444c63; } 上校:是吗{ 宽度:250px; 填充:0px 15px; 背景:ddd; 位置:固定; 左:250px; 身高:100%; }
使用左边距:250px开,右边距有什么问题?设计中还有哪些其他考虑因素?我不确定这是否可行,因为固定元素不会在页面中它通常所在的位置留下间隙。-除非你愿意把右边的div也改成fixed,但这可能不是你想要的…嗯,所以我需要用左边的边距。我认为会有更好的解决方案,比如显示一些东西或其他东西。无论如何,谢谢
.col-fixed-left {
    /* Fixed Width */
    width: 250px;

    /* Fixed Sidebar */
    position: fixed;
    height: 100%;

    padding: 0px 15px;
    background: #444c63;
}
.col-fluid-right {
    width: 100%;
    padding: 0px 15px;
    background: #ffffff;
}
<div class="col-fixed-left">
    <a href="#">Left Side</a>
</div>
<div class="col-fluid-right">
    <a href="#">Right Side</a>
</div>