交换的浮动元素

Question

我有wordpress页面http://war-mobile.h2client.com/corporate-information/our-team/，并正在为它开发一个移动网站。如果你到底部点击switch to our mobile，你会看到图片和信息目录互换了位置-我从原始网站复制了图片和浮动目录的样式，但我遇到了这个问题。代码：

.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太混乱了..您将需要清理它们，以修复更多按钮。