javascript - css 布局问题！来大神

Question

代码效果
http://u6.gg/Xbj

我想把头像放进框框里并且是自适应。

来个大神帮改下代码。

Answer 1

1. .bg添加相对定位；

2. 给头像外面再套一个p使用绝对定位，设你想要的大小；重点单位全用百分比

3. 头像设置width，height100%

Answer 2

img 长宽都是100%

Answer 3

图片自适应 img {max-width: 100%;}
把那个人放在图片里定位

Answer 4

添加class：<img class="img-box" src="./0.jpg" class="avatar">

class样式：

.img-box {
position: absolute;
left: 150px;
top: 25px;
width: 122px;
height: 124px;
}
.bg {
position: absolute;
}
你应该找切图的人要具体尺寸的，我这里是靠手工调试出来的

Answer 5

.bg {
    position: relative;
}

.avatar {
    position: absolute;
    top: 9%;
    left: 14.5%;
    width: 12%;
}

.top-bg {
    width: 100%;
    position: relative;
    z-index: 2;
}

随你怎么改变窗口大小