如何獲得一個元素以匹配另一個元素的寬度？

Question

所以我正在制作一個網頁...

在這里查看... www.girlzwithmoustaches.com/home2

我有一個在“標題”中制作的頂級社交媒體圖標橫幅...

css在下面。現在，我希望頂部橫幅與下面圖像的寬度％相匹配...因此，當用戶調整窗口大小或基於其瀏覽器窗口大小時，社交媒體圖標的頂部橫幅將保留與下面的圖像幻燈片的最右邊部分對齊。

請幫忙。 我該怎么辦..社交媒體圖標是基本的ul，帶有li和

 #headerwhat {
position: absolute;
top: 30px;
left:100px;
width: 70%;
height: auto;
vertical-align: middle;
horizontal-align: middle;

}

.smbanner {
width: 200px;
height: 50px;
position: relative;
float:right;
top: 0px;
left: 0px;

}

.smicons {
display: inline-block;
padding: 3px;
}

Answer 1

如果要使寬度匹配，則必須使用相同的百分比。

因此，如果您有width: 70% #headerwhat width: 70% ，則使它們一起動態調整大小的唯一方法是將.smbanner的width設置為70% 。

那是你要的嗎

Answer 2

將圖片放在標題內，並為頂部橫幅提供100％的寬度