Question

header的css中加入position:fixed这句,导航栏就错位了怎么回事啊

Answer 1

　　这位网友你好，属性position:fixed;是相对body元素设置的，如果你是想让导航栏固定在顶部的话可以用这个属性。导航栏的宽度设置为100%。具体设置方法如下：

.header{
  position:fixed;
  left0;
  top:0;
  width:100%;
}

追答

fixed属性设置之后会脱离文档流，你需要设置body的padding-top来解决，链接不能用可能是z-index设置的较小，设置一个比较大的值试试。箭头问题自己去找代码，直接删掉或者设置display:none;。

不太清楚，你自己看一下js代码吧。

Answer 2

Vue实践-CSS样式position/display/float属性对比使用

Answer 3

.header{positon:fixed;width:100%;z-index:2;}

Answer 4

　　属性position:fixed;是相对body元素设置的，想让导航栏固定在顶部的话可以用这个属性。导航栏的宽度设置为100%。具体设置方法如下：

.header{

position:fixed;
left0;
top:0;
width:100%;
}

fixed属性设置之后会脱离文档流，需要设置body的padding-top来解决，链接不能用可能是z-index设置的较小，设置一个比较大的值试试。箭头问题自己去找代码，直接删掉或者设置display:none;。