CSS定位
来源:互联网 发布:数控车大螺距螺纹编程 编辑:程序博客网 时间:2024/06/05 10:54
定位分为相对定位,绝对定位,固定定位。
1:相对定位(relative),元素设置了相对定位后,将会根据元素原来的位置进行偏移,会覆盖其他元素的位置,元素本身的位置还占据在文档中。元素还存在于文档流中。
2:绝对定位(absolute),元素设置了绝对定位后,元素将会脱离文档流,不占据空间,其他元素将会顶替它的位置。绝对定位相对于离元素最近的设置了定位的父级元素进行定位。加入父元素都没有设置定位,则是相对于body进行定位。
3:固定定位(fixed),元素设置了固定定位后,元素相对于页面左上角进行定位,且滑动页面时,元素的位置不会移动。
4:父亲元素设置了overflow:hidden属性后,子元素宽度和高度如果超过父元素,超过部分将会被隐藏,默认overflow是none,子元素会超出父元素。如果父亲元素设置了overflow:hidden属性后,子元素还想可以保留本来的宽度和高度,这时候可以对子元素设置position:absolute,子元素将会超出父元素(by 梦姐老师),设置成相对定位是没有效果的,因为相对定位还是文档流。
0 0
- CSS定位
- CSS定位
- CSS定位
- CSS定位
- CSS定位
- CSS定位
- CSS定位
- css 定位
- css 定位
- css定位
- CSS 定位
- css定位
- css定位
- css 定位
- CSS 定位
- css定位
- css 定位
- css定位
- linux程序设计——入门(第一章)
- 找出1001个数(区间1~1000)中重复出现的数(有两个相同)
- Setup Local Yum Repository On CentOS 7
- KMP算法
- freemarker list (长度,遍历,下标,嵌套,排序)
- CSS定位
- How to Install GUI (Gnome 3) Using CD/DVD on RHEL/CentOS 7
- IE 6 7 8获取文本框中光标的位置
- java内存划分
- QT5.3 杂记 Qt5下,QWidget系列从QtGui中被剥离出去,成为单独的QtWidget模块。随着Qt Quick2的引入,QtDeclarative也逐渐和QWidget系列也脱离关系。
- iOS编程——多态
- JAVA微信公众号开发入门
- 为什么要学习和使用 C 语言?
- 牛腩新闻发布系统总结