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

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

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

    absolute:

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

    relative:

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

    使用:

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

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

    相关文章

      网友评论

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

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