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：

class樣式：

.img-box {
position: absolute;
left: 150px;
top: 25px;
width: 122px;
height: 124px;
的人要具體尺寸的，我這裡是靠手工調試出來的

Answer 5

.bg {
    position: relative;
}

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

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

隨你怎麼改變視窗大小