Question

我正在尝试对齐“热门选项”标签，使其位于我的网站http://www.loveartmusicbaby.com的幻灯片旁边，该网站在Firefox中使用浮动：左侧代码，如下所示。但是我怎样才能让它在Chrome和IE上运行呢？：/

<img src="http://img692.imageshack.us/img692/4756/tabcv.png" alt="art music fashion" style="float: left;" /><div id="s3slider"><ul id="s3sliderContent">

<li class="s3sliderImage"><a href="http://lovetest22.blogspot.co.uk/2012/06/as-beth-dittos-collaboration-with-m.html#more"><img style="width:569px;height:341px;" src="http://img138.imageshack.us/img138/2513/wasex.jpg" /><span>Why we <font color="ff00ae">love </font> fashion designer, Hayley Scanlan</span></a></li>

<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:569px;height:341px;" src="http://img832.imageshack.us/img832/1678/dollnp.jpg" /><span> The First Ladies of music feat. <font color="ff00ae">Kimbra </font> </span></a></li>

<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:569px;height:341px;" src="http://img513.imageshack.us/img513/4583/fdaw.jpg" /><span>Meet <font color="ff00ae">Helen Green</font>, the coolest Little Monster around. </span></a></li>

<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:569px;height:341px;" src="http://img521.imageshack.us/img521/7456/saudin.jpg" /><span> Cute as <font color="ff00ae">candy:</font> The Saudi fashion designer causing a stir</span></a></li>

<li class="s3sliderImage"><a href="YOUR-LINK-HERE"><img style="width:550px;height:200px;" src="http://2.bp.blogspot.com/_4HKUHirY_2U/S9aKtosfYNI/AAAAAAAAA-o/GTCV0pnicVk/s1600/call+of+duty-11.jpg" /><span>Call Of Duty 4 : Get Here</span></a></li>

</ul></div>

<div class='clear'></div>

Answer 1

#s3slider根本不适合父级的宽度。试试

#s3slider {
     width:560px;
}

float：跨浏览器的问题

1 个答案: