css - 浮动元素交换

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 img {float: left;}

头像选择器不选择手机版中的图片

编辑：

事实上，头像类的 CSS 漏掉了一个点

.bios .avatar {...}

因此它不适用于任何元素。

Answer 2

它可能应该是.bios .avatar（注意额外的时间）或.bios img在非移动版本中。要么正确设置 img 的浮动。

Answer 3

一个快速的解决方法是添加这个属性：

.bios img{
   float:left;
}

但我担心你的 div 太混乱了。你需要清理它们以修复更多按钮。