Css Chrome和Safari中的img后出现奇怪的中断，但在Firefox中还行

在测试了一个我正在工作的站点之后，我发现了一个只有在Chrome和Safari中才会出现的奇怪的中断。Firefox中的一切看起来都很好

欢迎来到BodywoRx

/img/large.jpg“alt=”about placeholder“id=”aph/>
Body WoRx创立于一个信念，即通过按摩疗法可以治愈身体的许多功能障碍。在一个为各种症状开出处方的世界里，我们提供了一种帮助身体自我康复的替代解决方案。我们位于历史悠久的市中心大草原，方便地位于沃思堡和达尔之间作为

/img/bridgett.jpg“alt=“bridgett-freiburger”id=“bf”/
布里吉特患有慢性颈部、背部和肩部疼痛多年。她去看了很多医生、专家，做了很多核磁共振检查；s、 但是没有人知道是什么引起了疼痛。医生给她开了无数种药物来缓解不适，但没有任何药物可以解决问题。Bridgett偶然发现了按摩疗法，并因此成为其许多益处和治疗特性的坚定信徒和倡导者。在接受按摩治疗之前，布里吉特曾在海军陆战队服役，然后在贝尔直升机公司工作时继续支持这位战斗机。布里吉特毕业于北德克萨斯州瑞典按摩学院

---

我肯定这是件小事，我就是不太明白。有什么想法吗？谢谢。

试着在第二张图像上使用

float

.bio img {
    float: left;
}

---

JS Fiddle:

文本是否位于图像右侧

如果是这样，则需要浮动图像

img {
    float: left;
}

---

如果我理解你的问题，下面的两个答案是正确的。右键单击Chrome中的图像，选择“检查元素”。添加浮动：左；将规则添加到右侧的element.style框中。把它摆正。

img {
    float: left;
}