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

最新推荐文章于 2023-12-08 11:50:47 发布

原创最新推荐文章于 2023-12-08 11:50:47 发布 · 318 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #css #html5

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

'<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的左边，此时会相反
在这里插入图片描述