修复页面的顶部

Question

上下文中，我的页面是这样划分的：

• 左手侧(col-xs-8)
  • 顶部(类：request-top)
  • 底部部分

​

• 右手边(头-xs-4)

左手和右手的顶部都应该固定。左手底部应自由滚动。我很容易就把右手固定好了，但是我在修理左手最上面的部分时遇到了困难。

如果我将position:fixed;z-index:1000;添加到左侧的顶部，它就会修复，但是col-xs-8会被覆盖，上面的部分会覆盖右侧。我如何修复，但保持col-xs-8设置？(在这里，我允许它扩展整个宽度，然后嵌入另一个col-xs-8，然后给右边一个更高的z索引)。

工作分期版本：https://hidden-tundra-8656.herokuapp.com/request

Answer 1

它将进行一步一步的检查。

我只是做了一些改变，只是尝试一下，然后再解决下一个问题。

.request-top {
background-color: #D8D8D8;
padding-top: 3%;
padding-bottom: 3%;
position: fixed;
z-index: 1000;
}
.request-bottom {
background-color: white;
padding-bottom: 3%;
position: relative;
}
.cart-section {
background-color: gray;
/* height: 100%; */
padding-top: 3%;
padding-bottom: 3%;
border-left: 7px ridge #939393;
right: 0;
}
.request-top {
background-color: #D8D8D8;
padding-top: 3%;
padding-bottom: 3%;
position: fixed;
z-index: 1000;
width: 85%;
}

嗨..。

这是一个由me.Design做的网页，像这样的网页。有一个头部一个正文部分，并且有5-6 div在头内为单独的use.Look出去，车身截面和头部的section.At头段的宽度差是最大的，而在主体部分宽度是有限的，div是对齐的。

在正文中，我使用我在这张图片中标记的另一个div，我还向divs.So添加了单独的滚动效果，它们可以单独移动我在这里使用的apart.The代码来设置一个

    max-width: 292px;  //choose your dimension
    overflow: scroll;

​

​

我认为使用chrome browser.It更好，它有一个对web开发人员非常有用的特性。

首先，

打开您的网页的铬。

右击(您想要更改的部分)并选择检查windows平台中的elementCtrl+Shift+i。

然后你就能看到这样的..。

​

​

1我这里提到的是代码部分，2是css部分。

选择的部分在主屏幕上很高(在我的例子中是左侧)。

然后，对适合您的网页的css部分进行必要的更改，您可以实时看到这些更改。

!！请注意，这只是为了检查和查看，所以如果您做了必要的更改，请复制已编辑的代码并将其粘贴到原始源代码中，并在进行任何更改之前创建源代码的备份。

如果这对你有帮助，请投票。

雷吉..。