首页 > 代码库 > 定位浮动拾遗
定位浮动拾遗
---恢复内容开始---
浮动元素处在正常文档流上的浮动流上，浮动元素的渲染方式很特殊，首先按照正常文档流进行布局，然后将该元素从
文档流中取出并对该元素尽量向左或者向右移动，周围的内容将会环绕该元素。所以，浮动会对兄弟元素的布局造成
影响，而且其效率较低，代价较高。
绝对定位则是完全脱离文档流，直接相对于包含块进行定位，对兄弟元素的布局没有影响。
绝对定位是根据定位元素的包含外边距的框（外边框）到包含块内边界（边框内部）的偏移进行定位。
display,float,position之间的爱恨纠葛：（转自W3help）
| 设定值 | 计算值 |
|---|---|
| inline-table | table |
| inline, run-in, table-row-group, table-column, table-column-group, table-header-group, table-footer-group, table-row, table-cell, table-caption, inline-block | block |
| 其他 | 同设定值 |
定位浮动拾遗
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。