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