热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

CSS四大定位模式

我是表哥Harker,表妹我来咯~上一篇浮动应该是很吃力的,还是多多复习,反复的思考,很多东西是固定的语法,你只能按照它的语法来,有些知识需要去牢记,就像写代码编程开发,语法固定

我是表哥Harker,表妹我来咯~

上一篇浮动应该是很吃力的,还是多多复习,反复的思考,很多东西是固定的语法,你只能按照它的语法来,有些知识需要去牢记,就像写代码编程开发,语法固定,就看你怎么灵活去运用了,这一篇讲解CSS定位又是一个大头鬼!如果表妹们真的能学完这篇下来,你已经进入了新的境界了,你会发现新大陆,CSS原来还能这样玩!

 

CSS 定位

为什么需要定位 ?

  • 1. 某个元素可以自由的在一个盒子内移动位置,并且压住其他盒子
  • 2. 当我们滚动窗口的时候,盒子是固定屏幕某个位置的

  • 以上效果,标准流或浮动都无法快速实现,此时需要定位来实现

所以: 

  • 1. 浮动可以让多个块级盒子一行没有缝隙排列显示, 经常用于横向排列盒子 (行内块元素之间有缝隙)
  • 2. 定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置,并且可以压住其他盒子

 

1、定位 <


推荐阅读
author-avatar
从容嘛_100
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有