我对< li>里面的浮动元素有疑问标签.
我有以下标记
- <li>
- <img src="concept-truck.jpg" alt="2013 Toyota Tacoma" id="itemImg" style="float:left">
- <p>2013 Toyota Tacoma</p>
- <p>Price : 450000$</p>
- <p>Year : 2013</p>
- <p><a href="/item/index/63">more</a></p>
- </li>
在FF中,IE工作正常,但在Chrome列表编号浮动图像也是如此.
怎么解决？谢谢
解决方法
我会像这样重写你的例子：
- <li>
- <div style="float: left;">
- <img src="concept-truck.jpg" alt="2013 Toyota Tacoma" id="itemImg">
- </div>
- <div style="float: left;">
- <p>2013 Toyota Tacoma</p>
- <p>Price : 450000$</p>
- <p>Year : 2013</p>
- <p><a href="/item/index/63">more</a></p>
- </div>
- <div style="float: none; clear: both;"></div>
- </li>
这是使用内联样式的CSS属性编写的,我通常会避免这种情况,但在您的示例中,我像您一样编写它 – 内联.
