cssを使用して固定位置で左右に浮きます

Question

私は3つのdivを持っています。私が持っている真ん中のものは、マージン：自動ですので、真ん中に表示されます。

ここで、divは中央のdivを維持しながらページの左側と右側にフローティングされます。

は今、私は例 here

を使用してこれを達成することができますしかし、私はで固定されるように、左右のdivの両方の位置をしたい - 問題を作成している

position:fixed; 

。

私は子供の位置を使用する必要がありますか？固定されたdivは、右側と左側の浮動小数点divsの内側にありますか？

Answer 1

位置を固定した要素は浮動しません。フロートを置き換えることができます：左; 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％にすべきではない自動それをしようか、あなたは私が

height: auto; 
    position:fixed; 

ことを行ってほしいどのくらいのピクセルを追加https://jsfiddle.net/tny0t6ps/4/