美文网首页
相对布局&绝对布局(DIV+CSS)

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

作者: 纳兰禛祎 | 来源:发表于2017-07-27 11:21 被阅读0次

absolute:

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

relative:

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

使用:

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

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

相关文章

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

    absolute: 和文档流无关,如无申明则其相对于body(即整个窗口)而言,不占据空间;问题:处理不好可能会变...

  • 1.网页布局基础

    网页布局基础 什么是网页布局?网页布局是网页制作的基础(DIV+CSS网页布局) 分类:流式布局,浮动布局,绝对定...

  • 块状元素和内联元素、盒子模型

    div+css布局 表格布局 table布局 div+css布局 浮动布局 块状元素和行内元素 display:...

  • iOS 中利用相对布局和绝对布局,对Table中的文字自适应调整

    demo地址: dealText 相对布局 与 绝对布局 1.相对布局: 2.绝对布局: 本demo中自适应高度的...

  • android基础

    布局基本布局 FrameLayout线性布局 LinearLayout相对布局 RelativeLayout绝对布...

  • 常用的五大布局

    常用的五大布局(线性布局,相对布局,帧布局,表格布局,绝对布局) 1,线性布局 LinearLayout ...

  • android布局

    1.线性布局LinearLayout 2.相对布局RelativeLayout 3.绝对布局FrameLayout...

  • 常见的布局场景类型

    历代网页布局 1:表格布局 2:DIV+CSS布局 3:flex布局 4:grid布局 一:圣杯布局 在页面上的显...

  • 绝对布局和相对布局探索

    示例代码1: 父元素和子元素都没有positin属性:按照文档流的格式,从上到下,从左到右。这时,我们会有个疑问:...

  • Python 学习笔记 055

    本节预告 布局相关 22-23 22.绝对布局 相对于窗口右上角的绝对坐标布局,窗口的大小变化不影响空间的相对位置...

网友评论

      本文标题:相对布局&绝对布局(DIV+CSS)

      本文链接:https://www.haomeiwen.com/subject/liapittx.html