我看到了一些浮动的例子,但是我想知道在修复标题时是否必要来声明两个位置?
例如,您是否需要声明top:0;
和 left:0;
?:
.header {
position: fixed;
top: 0;
left:0;
width:100%;
}
或者你可以只用top:0;
逃脱?:
.header {
position: fixed;
top: 0;
width:100%;
}
我有点困惑,因为我已经看过两者的例子,但如果设置top:0; left:0'
是必要/优于top:0;
,我无法找到合理的解释固定标题?
答案 0 :(得分:0)
由于width
为100%
,因此无论如何都无关紧要。但是,如果宽度不是100%
,并且如果<nav>
是未位于左上角的元素的子元素,则您的导航将根据父级水平定位元件。 (不是一直到左边)
答案 1 :(得分:0)
如果未声明top
或left
,则默认为left:auto
或top:auto
。 left
的自动均值(对于固定定位元素):
如果定义了右边和宽度,则计算左边
如果未定义宽度或右侧,则从非滚动位置的内容的默认流量计算左侧,如块元素。
然后,如果您使用position:fixed
,通常需要使用左/右和上/下样式。
要查看差异,请使用margin-right:-100px
并将标头放在其他元素中,例如表格的第二个单元格。
在此测试 - 您可以添加left:0
并重新测试。
https://jsfiddle.net/vau6g09f/