float rechts und links mit fester position mit css

Question

ich habe drei div. Die in der Mitte, die ich habe, ist mit Marge: Auto so in der Mitte angezeigt.

Jetzt wird ein div auf der linken Seite der Seite und einer nach rechts schweben, während das mittlere div in der Mitte gehalten wird.

Jetzt kann ich erreichen diese here

das Beispiel unter Verwendung Aber ich möchte die Position der beiden linken und rechten divs mit fixiert werden -

position:fixed; 

, die das Problem schafft.

Sollte ich eine Kindposition verwenden müssen: fixed div innerhalb der rechten und linken floated divs?

Answer 1

Element mit Position: behoben, nicht schweben. Sie können Ihren Schwimmer ersetzen: links; mit left:0px; und Ihr float: right mit 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

Sie sollten die Höhe 100% nicht versuchen, es auto oder fügen Sie, wie viel Sie px ich getan wollen, dass

height: auto; 
    position:fixed; 

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