html - 使用CSS在固定位置左右浮动

Question

我有三个 div。我在中间的那个是 ma​​rgin:auto 所以它显示在中间。

现在一个 div 将 float 在页面的左侧，一个向右浮动，同时保持中间的 div 在中间。

现在我可以使用示例 here 来实现这一目标

但我希望左右 div 的位置都固定为 -

 position:fixed;

这是造成问题的原因。

我是否必须在右侧和左侧 float div 中使用子 position:fixed div？

Answer 1

具有 position:fixed 的元素不尊重 float 。你可以替换你的 float:left;使用 left:0px; 和你的 float:right 使用 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
}