html中如何点击导航栏就直接定位内容中的小标题

html-css021

html中如何点击导航栏就直接定位内容中的小标题,第1张

html定位的方法:首先创建一个HTML示例文件;然后使用a标签写好3个菜单以及内容;接着给每个内容标题的a标签中加上name属性并添加“#链接”;最后在“#”前面加上具体的页面即可自动定位到这个页面的具体位置。

一、相对定位 relative

1.参照物为自身;

2.相对定位只改变显示的位置,而不会改变占用的空间位置;

3.关于距离的正负值

二、绝对定位 absolute

1.参照物为具有定位属性的父元素。

PS:如果距离当前最近的父元素不具有定位属性,则会一层一层向外找,直到找到具有定位属性(这里仅要求三种定位属性任一都可)的父元素而进行定位,如果找到最后未能找到具有定位属性的父元素,de则最终会依照body进行定位。

2.绝对定位不仅会改变显示的位置,而且会改变占用的空间位置。就好比是元素处于一种悬空漂浮的状态,没有“肉体”!

3.关于距离的正负值,和上面的相对定位的性质一样。

三、固定定位 fixed

固定定位是将某个元素固定在浏览器的某个确定的位置,不随滚动条的移动而变化;   

固定定位的位置是  相对当前浏览器窗口  的;