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

浮动元素交换

3 个答案: