想實現一個類似知乎個人主頁的資料顯示布局 類是下面這樣
其中顯示圖片在一個div,Name和class和button在一個div中，使用justify-content: space-between; 分兩邊顯示
剛開始的時候設置圖片所在的div為width：150px;, Name和class和button所在的div為了自適應寬度，使用了width:100%； 自己寫了個簡單的demo是可以的，但是真正放到項目中就不行了，右側的div會擠壓左側的div,然后就變成了這樣
后來百度得並不能設置右側div為width:100%;可以設置其 flex:1; 讓其占比為1，就可以自適應剩余的寬度了，特此記錄.
另外，可以使用 .[class]：hover {} 來設置當鼠標放到按鈕上時按鈕的樣式