关于绝对定位和浮动混排

本例中当给和文字同级的div设置了绝对定位后，div就脱离了文本流，就像浮于文字上方一样，会遮盖掉文字，之前学习float时，给div设置float，则会达到图文混排的效果，不会遮盖文字，那么想问下，当同时设置了绝对定位和float时，是按照什么逻辑进行处理的呢？在正常的网页设计中会用到这种情况吗？

明月0423 2020-12-27

源自：CSS定位 2-1 绝对定位

收起

1回答

好帮手慕美回答被采纳获得+3积分 2020-12-27 10:32:50

同学，你好，

1、同一个div中绝对定位和浮动是不可以一起使用的，例如div｛float :left;position:absolute｝是不允许的，绝对定位会使浮动失效

2、不同元素是可以一起使用绝对定位和浮动的

收起回答

明月0423 提问者 #1

老师好，关于第二点不太理解，不同元素可以一起使用绝对定位和浮动是什么意思，能举个例子吗？

2020-12-27 11:42:04
好帮手慕美回复提问者明月0423 #2

同学，你好，一个页面中不同标签是可以使用绝对定位和浮动的，即标签1使用绝对定位，标签2使用浮动。祝学习愉快~~~~

2020-12-27 13:43:00