有了绝对定位之后为什么水平居中效果没有消失呢？

吖***

body{margin: 0;background:#333;}
ul{margin: 0;padding: 0;}
li{list-style: none;}
#pic{width: 400px;height:500px;position:relative;margin: 0 auto;}
#pic img{width: 400px;height:500px;}
#pic ul{position: absolute;top:0;right: -50px;}
#pic li{width: 40px;height: 40px;margin-bottom: 4px;background:#666;}
#pic .active{background:yellow; }
#pic p,#pic span{width: 400px;height: 30px;line-height: 30px;color:red;position: absolute;left:0;text-align: center;}
#pic span{top: 0;}
#pic p{bottom: 0;}

  数据加载中
  图片加载中

为什么我代码定位的是在父元素的left:0;处，显示的却是在水平居中位置呢？

sunv***

不大理解你想问的意思,你是不是想要整块内容不居中呢?那么去掉#pic中的:margin: 0 auto;这个样式即可啦

已有账号？

找人解决需求

有了绝对定位之后为什么水平居中效果没有消失呢？

全部参与1

热门问答

吖***

今日需求悬赏

今日问答求助

发布任务需求已有1031165位用户正在使用天盟网服务

新手帮助

平台规则

关于天盟

一键快捷导航

微信公众号

手机客户端