Question

我有三个div。我正在中间的那个是 margin：auto 所以它显示在中间。

现在一个div将浮动在页面的左边，一个在右边，同时保持中间div位于中间。

现在我可以使用示例here

来实现这一目标

但是我想用左边和右边div的位置用 -

来修复

 position:fixed;

正在创造问题。

我是否必须使用子位置：右侧和左侧浮动div中的固定div？

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％自动尝试或添加你想要我做多少px

   height: auto;
    position:fixed;

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

使用css左右浮动固定位置

2 个答案: