Jquery 定置问题

我的布局是3列布局。左侧固定在左侧。右侧被固定在右侧。中间部分只能滚动

对于左侧，我使用了以下css：

.left {
    position:fixed;
    left:0px;
    width:50px;
    background-color:#ccc;
    float:left
}

.right {
    position:fixed;
    right:0px;
    width:100px;
    background-color:#ccc;
    float:right
}

对于右侧，我使用了以下css：

.left {
    position:fixed;
    left:0px;
    width:50px;
    background-color:#ccc;
    float:left
}

.right {
    position:fixed;
    right:0px;
    width:100px;
    background-color:#ccc;
    float:right
}

两列都有大量内容。如果我使用

位置：固定，我无法查看完整内容。我完全糊涂了

我需要把左右两边别在左右两边。我也想查看我的全部内容。可能吗

我认为查看完整内容的唯一方法是减小内容的大小。（在您的示例中为字体大小）。或者不要使用固定定位。而是使用绝对定位。我希望这有帮助
 位置没有问题：固定。由于内容已添加了打断标记，因此它将向下延伸到视口之外。添加溢出：滚动到页面或父元素。这将解决您的问题
将其添加到
.middle
并从
中删除
float:left
。middle
：

margin-left:50%; margin-right: 50%;position:absolute;

位置：固定的
用于在滚动时将元素附着到视口。阅读有关
位置
值的更多信息

从wiki：

固定-根据“绝对”模型，框从正常流中取出，但在滚动时不移动。框的位置由“顶部”、“右侧”、“底部”和“左侧”属性指定


也就是说，我假设您需要三列布局。一种简单的方法是使用
显示：table

在本例中：

所有元素都设置为
高度：100%
，以适应您的内容，而不考虑数量

.wrap
包含带有
display:table
的列，然后将它们与
display:table单元格对齐


用于w3.org上的
显示
属性

HTML

使用
位置：绝对我认为这会有帮助…：DUse宽度：自动；这三门课，左，右，米德尔索……有什么效果吗？如果是这样，请接受（并可能向上投票）最佳答案。如果使用
position:fixed
，则不需要
float
。