CSS:定位 定位 定位:position

开发工具与关键技术:DW and 前端
作者:超级小贱贱
撰写时间:2019年1月26日

在CSS中,有个非常好用的东西,当然也有坏处,就是所谓的“定位”:position
好处就是,可以让一个元素想去哪里就去哪里。
坏处就是,如果是相对定位(relative),那么它的位置是保留的; 如果是绝对定位(absolute)或固定定位(fixed),则它的位置是不保留的。
所以,适当使用定位,才可以保证一个网页的美化!

演示:
在这里插入图片描述
先创建一个大的div,里面包着两个小的文字div
紧接着在给它们样式
在这里插入图片描述
在这里插入图片描述
然后网页效果:
在这里插入图片描述
如图所示,文字全是默认靠左一条显示,这样难免有些不好看,这时候可以使用定位,使文字跑到自己想要的位置
在这里插入图片描述
首先,现在父元素上面加上相对定位“relative”
在这里插入图片描述
然后在两个文字子元素里面加上绝对定位“absolute”,再用"top","right"这些元素赋值来改变位置,其效果如下:
在这里插入图片描述
使用定位的前提是:实在是没办法使用内外边距改变位置的时候,才可以考虑定位
一个网页设计的好不好,看你定位用的多不多!

文章简短,表达不全,还请各位读者多多指教