为了账号安全,请及时绑定邮箱和手机立即绑定

不定块状元素水平居中方法三为什么用relative而不用absolute

.wrap{

    float:left;

    position:relative;

    left:50%;

}

.wrap-center{

    background:#ccc;

    position:relative;

    left:-50%;

}

</style>

</head>

<div class="wrap">

    <div class="wrap-center">我们来学习一下这种方法。</div>

</div>

</body>

</html>

以上代码中,父级元素用的是relative,那子元素为什么用的也是relative而不是absolute呢,并且用absolute显示出来文本不是一行而变成了多行

正在回答

3 回答

用绝对定位,原来的位置不保留,那原来的位置就是内部宽高就是0*0,还是0,所以left:50%还是0,就是没有效果了。而相对定位还保留原先的位置

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

同问,有高手能解答一下吗?

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

设置父元素移动50%,子元素也跟随移动。移动子元素是相对于子元素第一步已经移动到的位置。

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

举报

0/150
提交
取消

不定块状元素水平居中方法三为什么用relative而不用absolute

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号