                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)

position : absolute 和 float : left 效果一样，但是和display : inline-block不一样。

在a后面加上内容，display : inline-block 显示是正常的流式；但是使用position : absolute 和 float : left 时，a的内容有覆盖在右面内容的上面

小聪聪到此一游

2015-09-15

源自：初识HTML(5)+CSS(3) 15-11

关注问题我要回答

1205

操作

收起

4 回答

ORead
2015-12-12

说错了，position:inline-block是转换为行内块元素，即有内元素也有块元素，所以会进行排列，后面的a元素也会跟着在一行，但你使用float浮动，就是把元素浮起来，后面的元素也会向前移，形式遮挡到一起了，你需要把后面的a也浮动起来，才能让后面的元素排列在一起

0 回复有任何疑惑可以回复我~

收起回答

ORead
2015-12-12

position:inline-block是转换为行内块元素，还是块元素，默认占一行的，所以显示正常，position:absolute是相对定位，设置了值就会移动，后面的元素就移动到上面，另外float浮动，就是把元素浮起来，后面的元素也会向上移，你可以使用relative 和clear 来让下面的元素不移动