浮動元素交換

Question

我有wordpress頁面http://war-mobile.h2client.com/corporate-information/our-team/並正在爲它開發一個移動網站。如果你到底部並點擊switch to our mobile，你會看到圖像和信息div有交換位置 - 我從原始網站複製了樣式，直到圖像和浮動div去，但是我遇到了這個問題。代碼：

.bios div { 
font-size: 16px; 
line-height: 20px; 
margin-top: 25px; 
margin-left: 35px; 
float: left; 
display: block; 
} 


.bios avatar { 
display: inline-block; 
float: left; 
width: 130px; 
height: 165px; 
margin-top: 0px !important; 
} 

Answer 1

它應該可能是.bios .avatar（請注意額外的時間段）或.bios img，與非移動版本一樣。正確設置img的浮點數。

Answer 2

添加

.bios img {float: left;} 

頭像選擇器不移動版本選擇圖像

編輯：

逸岸，CSS的化身類錯過了點

.bios .avatar {...} 

因此它不適用於任何元素。

Answer 3

速戰速決將添加該屬性：

.bios img{ 
    float:left; 
} 

但我怕你的div實在是太混了。你需要清除它們來解決更多的按鈕，以及..