.content1{
background-color:#6699FF;
width:200px;
height:200px;
position: absolute;//父元素需要相对定位
top: 50%;
left: 50%;
}
.content2{
background-color:#6699FF;
width:200px;
height:200px;
position: absolute;//父元素需要相对定位
left: 50%;
top: 50%;
}
两个div设置的样式一样,为什么显示的位置却不一样,我只换了下top和left的前后顺序,一个top不起作用,一个left不起作用
“//父元素需要相对定位” 这种是js的注释格式,注释无效,和后面的top: 50%;变成了一句。这样写就好了
.content1{
background-color:#6699FF;
width:200px;
height:200px;
position: absolute;
/*父元素需要相对定位*/
top: 50%;
left: 50%;
}
你的注释写的不对,你把【//父元素需要相对定位】删了试试,应该就没有问题了。