在Chrome和IE下,两个文本块显示在同一行。但是,对于Safari 5.1.7,文本显示在不同的行(上方和下方)
我是否遗漏了需要为Safari安装的CSS中的某些内容?
此处显示的是HTML和CSS http://jsfiddle.net/Dano007/RKecc/
HTML
<div class=" grid 6 cheese_people_l" id="cheese_people_l">
<img id="cheese_people_l"src="img/cheese_expert.jpg">
<p>Chief Cheese Taster <br/> Dave Le Conk</p>
<p class="chesse_people">“I've always had a passion for cheese. Now I get to taste it everyday! After nearly 20 years I'm still loving the job that I do. I can't actually see myself doing anything else.”</p>
</div>
<div class=" grid 6 cheese_people_r" id="cheese_people_r">
<img id="cheese_people_r" src="img/cheese_owner.jpg">
<p>The Big Cheese Owner <br/> Sally Fiffle</p>
<p class="chesse_people">“I wanted to create an online store that I'd would trust. This has been done by our amazing staff and the products they produce. Nothing can replace dedication and pasion.”</p>
</div>
答案 0 :(得分:1)
似乎Safari 5不支持宽度中的vw值。
它忽略了这些声明,好像没有设置宽度,因此你的元素有width:100%
,并出现在不同的行上。