码迷,mamicode.com
首页 > 其他好文 > 详细

定位浮动拾遗

时间:2014-11-21 01:24:44      阅读:130      评论:0      收藏:0      [点我收藏+]

标签:http   io   ar   os   sp   on   bs   ad   as   

---恢复内容开始---

浮动元素处在正常文档流上的浮动流上,浮动元素的渲染方式很特殊,首先按照正常文档流进行布局,然后将该元素从

文档流中取出并对该元素尽量向左或者向右移动,周围的内容将会环绕该元素。所以,浮动会对兄弟元素的布局造成

影响,而且其效率较低,代价较高。

绝对定位则是完全脱离文档流,直接相对于包含块进行定位,对兄弟元素的布局没有影响。

绝对定位是根据定位元素的包含外边距的框(外边框)到包含块内边界(边框内部)的偏移进行定位。

 

display,float,position之间的爱恨纠葛:(转自W3help)

bubuko.com,布布扣

 

设定值计算值
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
其他 同设定值

定位浮动拾遗

标签:http   io   ar   os   sp   on   bs   ad   as   

原文地址:http://www.cnblogs.com/accordion/p/4111801.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!