水平居中——不定宽块状元素方法的left:-50% relative 原理是什么？不理解
父层设置成相对位置，left50%; 子层设置成left:-50% 的原理是什么、？？
qq_朔雪儿_0
2016-02-19
3 回答
/*下面是代码任务区*/
.wrap{border:1px solid red;float:left;position:relative;left:50%;}
/*--多加入border:1px solid red;这个代码好理解--*/
/*--float后块状元素其实已经是内联元素了。
块级元素宽度在不设置的情况下，是它本身父容器（.wrap的父容器是body，.wrap-center的父容器是.wrap）的100%（和父元素的宽度一致），除非设定一个宽度。内联元素的宽度就是它包含的文字或图片的宽度，不可改变。--*/
/*--父元素相对于body右移body的50%到与body的中心线左对齐--*/
.wrap-center{
background:#ccc;
position:relative;left:-50%;}
/*--子元素相对于父元素左移父元素的50%（子元素的width和父元素的width一样）居中--*/
}
举报
0/150
提交
取消
