同一块元素下的几个块元素，其排列顺序的逻辑会因为其所使用的float而改变

锋芒神话霜

于 2019-12-20 02:57:55 发布

阅读量303

点赞数

CC 4.0 BY-SA版权

文章标签： javascript css html5

本文链接：https://blog.youkuaiyun.com/qq_34471916/article/details/103625709

探讨了在特定HTML结构中，distance和time元素的布局问题，通常情况下distance位于time左侧，但因CSS样式影响，导致布局逆序，需调整以符合常规视觉逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

'<div class="item-desc">'+
                        '<div class="item-score">$wm_poi_score</div>'+
                        '<div class="item-count">月售$monthNum</div>'+
                        '<div class="item-distance">&nbsp;$distance</div>'+
                        '<div class="item-time">$mt_delivery_time&nbsp;|</div>'+
                    '</div>'+

这里distance和time都是float-right，因此逻辑变为从右往左，正常逻辑distance在time的左边，此时会相反
在这里插入图片描述