float:left;position:relative;放在一起是什么意思
float:left;position:relative;放在一起是什么意思 |
免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。
版权声明:作者保留权利,不代表天盟立场。
|
|
|
|
当你设置了position:relative之后,元素还是在文档流中,占用父元素空间,当你再设置了float:left之后,元素脱离了文档流,不再占用父元素空间。这时,元素会浮动起来,而且还可以设置相对原来浮动位置的位移,如果后面还有浮动元素,也不能将原来的位置占据,其实就是同时具有浮动和相对位移的特性,而浮动和恶相对位移的特性是什么,请自行百度,可以找到很对很详细的介绍 |
|
|
|
|
float:left向左浮动,position:relative相对定位,元素占位
加了relative,既可以使用top,left定位,又可以让它有向左浮动效果 |
|
|
|
|