CSS定位

CSS定位
网页的三种常用定位方式。
相对定位：position：relative；相对于元素原始位置定位。没有脱离文档流，保留位置。
fixed定位：参照对象：浏览器窗口。position：fixed；  常用于做侧边栏导航。
绝对定位：参照对象：最近的定位的父元素。向上查找，如果没有则为html。脱离文档流，不保留位置。position: absolute;
 
这四种定位方式都有四个方向的定位词：top | left | right | bottom。
 
定位必须结合定位词才能产生效果。如导航栏：
<style>
 
　　.div{
　　　　position:fixed;　
　　　　top:100px;
　　　　left:0px;
　　}
</style>
<body style="height:2000px">  将网页撑起来看到效果
　　<div>123</div>
</body>
posted @ 2017-08-02 15:23  代码森林  阅读(261)  评论(0)  编辑  收藏  举报