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

float 与 position 剪不断理还乱的关系

时间:2016-06-01 00:10:12      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:

float:

1、使当前元素div1脱离文档流;

2、影响紧挨着它的后面的div2,使其钻到div1的下面。但是div2中文字不发生变动。(div2没有浮动);

3、要想2个div并排显示,必须都要设置float;

position:

1、相对定位 relative;

2、绝对定位 absolute;使当前元素完全脱离文档流,就像在页面中没有该元素一样,或者说我把它从原来位置拿走了,它后面的元素当它不存在。要想并排显示两个div,

 

float 与 position 剪不断理还乱的关系

标签:

原文地址:http://www.cnblogs.com/hellodp/p/5548103.html

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