jQuery入门第九章(CSS 定位)

简介: jQuery入门第九章(CSS 定位)

常见的定位属性取值


position: absolute;   // 绝对定位

position: fixed;      // 固定定位

position: relative;   // 相对定位

position: static;     // 不定位


小结


  • absolute,fixed,relative 都是定位,left , right, top , bottom, z-index 可以控制定位盒子位置和层级。


  • position: static; 设置盒子不定位,相当于变回普通盒子。


  • 普通盒子或者设置了不定位的盒子, left , right, top , bottom, z-index 这些定位相关的属性无效。


获取元素宽高


微信截图_20221019174830.png


还有 .width() .innerWidth() .outerWidth()  


目录
打赏
0
0
0
0
3
分享
相关文章
|
1月前
jQuery+CSS3实现404背景游戏动画源码
jQuery+CSS3实现404背景游戏动画源码
54 22
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
75 21
【JQuery】基础从零入门操作,简单详细
jQuery下载,引入依赖,JQuery语法、选择器、时间、获取元素、返回CSS、修改属性、添加元素、删除元素、猜数字游戏、表白墙
【CSS】——基础入门常见操作
CSS引入,CSS对元素美化,style修饰,选择器(标签选择器,类选择器,ID选择器,复合选择器),font-size , boder ,width,height,margin,paddiing
jquery和CSS3图片排序过滤搜索插件
Filterizr是一款jquery和CSS3图片排序过滤插件。它可以对一组图片进行排序,按条件过滤和按关键字搜索。并在显示结果时使用指定的CSS3动画过渡效果。
36 2
jquery和CSS3响应式轮播图插件jcSlider
jcSlider是一款jquery和CSS3响应式轮播图插件。jcSlider使用CSS3过渡动画,它可以和animate.css完美结合,生成60多种轮播图过渡动画效果。
jQuery和CSS3精美翻页式电子时钟特效
jQuery和CSS3精美翻页式电子时钟特效
|
3月前
|
jQuery+css3制作精美的2024圣诞节倒计时页面
jQuery+css3制作精美的2024圣诞节倒计时页面动画
35 0
jQuery+css3制作精美的2024圣诞节倒计时页面
|
3月前
jQuery+CSS3模拟过山车动态的文字动画特效源码
jQuery+CSS3模拟过山车动态的文字动画特效源码实现在全黑的背景下,画面中的文本呈现过山车的轨迹动画上下滚动转圈,且伴随文本颜色渐变效果,非常有意思,欢迎对此特效感兴趣的朋友前来下载参考。
36 1

热门文章

最新文章

AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等