浮动定位常见问题

给元素设置position:absolute后,使用margin:0 auto居中失效;
因为margin:0 auto;是根据上一级元素来居中的;
解决:
left: 50%;
transform:translate(-50%);
实现居中。

z-index属性必须配合定位来使用,否则无效

float:left;
-float脱离文档流
-其他元素占用被float元素的位置
-其他元素的文本仍然收到float元素影响

猜你喜欢

转载自blog.csdn.net/LiXSnow/article/details/84452481
今日推荐