浮动练习二 京东多列布局

Docs

• 浮动 - 学习 Web 开发 | MDN (mozilla.org)
• float - CSS：层叠样式表 | MDN (mozilla.org)

使用 float 布局京东首页的多列布局：

元素因为 margin-right 产生的换行问题，可以通过添加父盒子并设置 margin-right: -10px; 来解决。

---

Loading Github Gist ...

Details

See the Pen by jaimezeng (@jaimezeng) on CodePen.

---

Loading Github Gist ...

Details

See the Pen by jaimezeng (@jaimezeng) on CodePen.