参考了http://www.kei.tw/blogger/39-5.html
position :static relative absolute fixed
static 不可重叠,忽略坐标
relative 无坐标类似static,有坐标则是相对坐标,相对其本应该处得位置,正数为 下 右 方向。
absolute 默认重叠,坐标是相对于其parent的边框距离,如果是 right 值,正数越大,越往左走,负数向右走, 无parent相对于浏览器。
fixed 无论父子关系,以浏览器坐标左上角为准,下 右 方向为正数。
分享到:
相关推荐
在实践篇中,文档详细讲解了CSS中至关重要的两个布局技术:浮动(float)和定位(position)。浮动技术可以让元素脱离常规的文档流,实现图文混排;而定位则让元素可以自由地在页面上定位,包括相对定位、绝对定位、...
总结,"simpsons-in-css"项目不仅是CSS技术的生动实践,也是一次对经典动漫形象的艺术再现。它鼓励开发者探索CSS的潜力,提升技术水平,同时也提醒我们,在追求技术创新的同时,不能忽视知识产权的重要性。通过深入...
总结,纯CSS定制文本省略不仅提供了美观的视觉效果,还能有效节省网页空间,提高用户体验。通过灵活运用CSS的浮动和`line-clamp`属性,我们可以实现高度自适应的多行文本省略,满足各种复杂的设计需求。
#### 五、总结 通过上述步骤,我们成功地使用JavaScript和CSS实现了类似于Flash的动态新闻效果。这种方法不仅提高了页面的互动性和吸引力,而且由于不依赖于Flash插件,所以兼容性更好,用户体验更佳。未来还可以...
### 总结 通过以上步骤,我们已经成功地使用原生JavaScript实现了轮播焦点图的淡入淡出效果。这个功能的关键在于正确地设置HTML结构、CSS样式和JavaScript逻辑,以确保图片的平滑过渡。你可以根据自己的需求调整...
this.css("position", "fixed"); this.css("top", ($(window).height() - this.height()) / 2 + $(window).scrollTop() + "px"); this.css("left", ($(window).width() - this.width()) / 2 + $(window)....
position: fixed; bottom: 20px; right: 20px; padding: 10px; background-color: #f8e71c; border-radius: 5px; animation: fadeInDown 0.5s ease-in-out; opacity: 0; } @keyframes fadeInDown { 0% { ...
总结来说,基于ASP的大学就业网毕业设计是一个综合性的项目,涵盖了前端交互、后端处理、数据库设计与管理等多个方面。对于学生而言,这样的项目能够全面锻炼编程、设计、项目管理等多方面能力。通过实际操作,不仅...
总结来说,实现原生JavaScript图片倒影幻灯片切换效果需要对HTML、CSS和JavaScript有深入的理解。通过这个项目,我们可以学习到如何结合这三个核心技术来创建动态、交互的网页元素。无论是从视觉效果还是用户体验的...
在网页设计中,为了增强网站的安全性和原创性,有时我们需要在页面上添加水印效果。jQuery 是一个广泛使用的 JavaScript 库,它简化了对DOM(文档对象模型)的操作,使得实现复杂的交互效果变得轻松。本篇文章将深入...
总结来说,创建一个旅游网站涉及HTML构建基本结构,CSS负责美化与布局,JavaScript提供互动功能,同时还需要考虑SEO策略,以吸引并留住用户。这些技术共同作用,为用户提供一个美观、实用且易找的在线旅游平台。
tips[36] = '所谓“网站定位”就是实事求是的基于各种现状总结出一个对内容建设、功能规划、服务运营有帮助的指导纲领。'; tips[37] = '不要相信“天下设计一大抄”我们可以借鉴,但绝不能抄袭!'; tips[38] = '学...