相对布局&绝对布局(DIV+CSS)

absolute:

和文档流无关,如无申明则其相对于body(即整个窗口)而言,不占据空间;问题:处理不好可能会变形。如果为绝对定位的元素定义一个width,在IE下它的宽度取决于父元素的宽度(非整个页面宽)。

relative:

属于文档流,故比较稳定。

使用:

父元素使用相对定位,子元素使用绝对定位,并配合top、left、right、bottom来定位具体位置,这四个属性只有在元素使用定位后才能生效(四个元素只能使用1个或同时使用相邻的两个)。

当子元素布局被新渲染的页面遮盖时,不妨试一试:z-index属性,将该属性值设置为最大值。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,827评论 1 92
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,079评论 19 139
  • 1.CSS基本概念 1.1 CSS的定义 CSS(Cascading Style Sheets)层叠样式表,主要用...
    寥寥十一阅读 1,891评论 0 6
  • 前言 温馨提示:本文较长,图片较多,本来是想写一篇 CSS 布局方式的,但是奈何 CSS 布局方式种类太多并且实现...
    sunshine小小倩阅读 3,192评论 0 59
  • 我是个憋不住话的人,每件事最好说三遍才痛快,不管重不重要。很多话不知从何说起,又不知向谁吐槽,暂且写下来,自己看三...
    黄面粉阅读 173评论 0 0