使用css左右浮动固定位置

Question

我有三个div。中间我有一个是保证金：汽车所以它显示在中间。

现在一个div将浮动在页面左侧，右侧一个保持中间div在中间。

现在我能做到这一点使用的例子here

但我想左边和右边的div两者的位置被固定 -

position:fixed; 

其创造的问题。

我应该不得不使用一个孩子的位置：固定div在右侧和左侧浮动divs？

Answer 1

元素与位置：固定不尊重浮动。你可以替换你的float：left;与left:0px;和您的浮动：权与right:0px;

https://jsfiddle.net/tny0t6ps/3/

.aleft { 

    left:0px; 
    width:100px; 
    margin-right: 5px; 
    background-color: #e3e3e3; 
    padding:5px; 
    height: 100%; 
    position:fixed; 
} 

.aright { 
    width:100px; 
    background-color: #e3e3e3; 
    padding:5px; 
    position:fixed; 
    right:0px 
} 

Answer 2

你不应该做高度100％尝试自动或添加你要多少我PX做过

height: auto; 
    position:fixed; 

https://jsfiddle.net/tny0t6ps/4/