我对< 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属性编写的,我通常会避免这种情况,但在您的示例中,我像您一样编写它 – 内联.
原文地址:https://www.jb51.cc/html/226600.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。