前端Day14

定位模式

在CSS中,position属性用于定义元素的定位模式。

属性值如下:

static:默认的文档流的布局的方式决定了元素的位置就是静态的定位方式;

relative:相对于原来的位置进行偏移;

absolute:根据父容器(必须是非static的定位的容器)进行位置定位。

                 一般原则:子绝父相


fixed:固定在浏览器的某个位置,浏览器scroll时不会发生变化。



relative与absolute组合:


1.参照定位元素必须是相对定位元素的前辈元素;


2.参照定位元素必须加入position:relative;


3.定位元素加入position:absolute就可以相对定位元素移动了。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,681评论 1 92
  • position属性比起其他的基础属性来讲要复杂一些,我在这试着把里面的门道全部总结出来。 目前position有...
    microkof阅读 9,054评论 3 5
  • 浮动元素有什么特征?对父容器、其他浮动元素、普通元素、文字分别有什么影响? 特征: 1、浮动元素会脱离正常的文档流...
    我要认真学前端阅读 7,734评论 0 5
  • 一 外部式css样式 (也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css...
    KunMitnic阅读 4,547评论 0 1
  • CSS的position总是属性很容易让人弄混~ 为了仔细区别它们,所以今天总结一下CSS的position属性~...
    fehysunny阅读 8,032评论 0 7