html - 左分区 : fixed: right div fluid - minor issue css

Question

CSS:

.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;
}

html:

<div class="col-fixed-left">
    <a href="#">Left Side</a>
</div>
<div class="col-fluid-right">
    <a href="#">Right Side</a>
</div>

问题:问题是，右侧进入左侧 div 内部，因为右侧 div 是固定的。我不想应用 margin-left: 250px(因为左边的 div 是 250px 宽)在屏幕上正确显示右边的 div 文本。为此，我需要一个好的解决方案。

jsfiddle

Answer 1

.col-fixed-left {
	/* Fixed Width */
	width: 250px;

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

	padding: 0px 15px;
	background: #444c63;
}
.col-fluid-right {
	width: 250px;
	padding: 0px 15px;
	background: #ddd;
    position: fixed;
    left:250px;
    height: 100%;
}

<div class="col-fixed-left">
    <a href="#">Left Side</a>
</div>
<div class="col-fluid-right">
    <a href="#">Right Side</a>
</div>

http://jsfiddle.net/bt1h68bv/2/

试试这个解决方案。