解决position浮动问题:如何相对某个div进行绝对定位.

被刻印的时光 ゝ 提交于 2019-12-10 02:20:44

div提供了一个支持ie及大多数浏览器的浮动方式,就是相对于其上一级的div容器进行浮动,这种做法的好处是定位更加准确,不容易出现差错。

示例:

<!-- lang: html -->
<div id="A">
<!-- lang: html -->
    <div id="B">
<!-- lang: html -->
    </div>
<!-- lang: html -->
</div>

css样式:

<!-- lang: css -->
#A{position:relative}
<!-- lang: css -->
#B{position:absolute;top:10px;}

此时B的悬浮是相对于A的,而不是相对于body及html的。B的位置会随着A的移动而改变

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!