Question

css左右布局,左侧用positionfixed后,右侧在左边来了

Answer 1

方法/步骤

我们在代码中加入2个层：div1和div2，代码如下：
<div class="div1">层1</div>
<div class="div2">层2</div>
写对应的css代码，我们先不加fixed属性试试：
.div1{
background-color:#FF0000;
width:100px;
height:100px;
}
.div2{
background-color:#33FF66;
width:100px;
height:100px;
}
然后我们F12运行一下看看效果，我是用的dreamweaver 8，你也可以直接在记事本里面测试代码，图1是没加fixed属性的效果：

下面我们把fixed属性加上去，为了让我们便于观察，我们让层div1的宽和高足够大，css代码如下：
.div1{
background-color:#FF0000;
width:2000px;
height:2000px;
}
.div2{
background-color:#33FF66;
width:100px;
height:100px;
position:fixed;
left:50px;
top:50px;
}
运行看下效果，如图2:

下面我们拉动浏览器上的上下滚动条和左右滚动条，就都拉到中间的位置吧，如图3：

你会发现，给div2的position加上fixed属性后，不论我们如何拉动浏览器的滚动条，层2在浏览器中的位置都是不会变化的，是不是感觉有跃跃欲试的感觉呢，那么就赶紧动手实验一下吧。

Answer 2

它是相对浏览器窗口定位的

追问

那我要怎么解决这个问题

追答

截个图看下

Answer 3

你应该用float浮动，为毛用定位？

追问

我想让左边固定，不随右边拉到消失