css定位

固定定位(position:fixed);

相对于浏览器的窗口定位:

div{
    position:fixed;
    left:100px;
    top:150px;
};

不会随着页面的滚动,而变化位置

相对定位(position:relative);

相对于自己的位置发生移动;
相对于原位置发生偏移适合微调;

div{
    position:relative;
    left:100px;
    top:150px;
}

绝对定位(position:absolute);

绝对定位中的绝对,是相对于父元素讲的,若父元素没有定位(没有position属性),则继续找父元素的父元素,以此类推,直到找到一个有定位的父元素为止,若父元素都没有定位,则相对于body来进行绝对定位!

div{
    position: absolute;
    left:100px;
    top:150px;
}
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 在CSS中关于定位的内容是:position:relative | absolute | static | fix...
    feelinghappy618阅读 710评论 0 0
  • 当在这一个页面上实现布局和定位有几种不同的技术。使用哪种技术,很大程序上取决于内容和目标页面,因为有很多技术比别人...
    lulu_c阅读 1,226评论 0 5
  • CSS 定位 CSS有三种基本的定位机制:普通流,浮动,绝对定位(absolute, fixed):普通流是默认定...
    _空空阅读 5,988评论 0 15
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,189评论 1 92
  • 设定位置 position:static; 可以取消元素的定位设置,使之恢复为原先在常规流中的显示方式,stati...
    Hyphone阅读 639评论 0 1

友情链接更多精彩内容