我有这个
HTML：
Keith Anderson
VP, Digital AdvisoryRetailNet Group
Store of the Future
它是由Drupal视图动态生成的,因此我根本无法更改输出html.我需要在这里工作.这是期望的结果：
爆头没有任何造型,这就是它的样子：
我试图设置图像样式以强制它浮动到文本的左侧：
.view-speaker-list div.view-content div.views-row div.views-field
div.field-content div.file-image div.content img {
border: 1px solid #666;
float: left;
position: relative; /* tried with and without position (inc. absolute) */
left: 30px;
}
显然我做错了,因为这是我得到的(相对位置)：
并且绝对位置：
我也尝试将浮动放在保存图像的“最上面”的div类上,而div上没有位置：
.view-speaker-list div.view-content div.views-row
div.views-field-field-headshot {
float: left;
}
它给出了与position：relative screenshot相同的结果.
我哪里错了？如果我控制了html,我会采用不同的方式,但我不确定如何处理所有这些嵌套的div.
编辑为@WEX添加新的屏幕截图
