position定位的部分运用

敲可耐的我 2019-01-24 12:10:01
在CSS中,是图片美观有很多种方法,其中position定位可以直观的使页面上的元素移动,而定位中又有很多不同的属性,其中这些属性中的部分属性又可以组合使用,使页面达到创作者想要的更好的效果
比如设置以下例子


代码想要实现的效果:相对定位与绝对定位在父子关系和同胞关系之间的效果

总结:
1、 在两个div为父子关系中呈现的效果为子级带绝对定位的div元素,定位的起点为父级带相对定位的div元素的左上角。
2、 在两个div为同胞关系中呈现的效果为子级带绝对定位的div元素,定位的起点为页面的左上角。
3、 搭配好元素的使用,让页面更加美观,使使用者获得更好的体验。

...全文
50 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

50,523

社区成员

发帖
与我相关
我的任务
社区描述
Java相关技术讨论
javaspring bootspring cloud 技术论坛(原bbs)
社区管理员
  • Java相关社区
  • 小虚竹
  • 谙忆
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧