1.问题
有时候写前端html时,设定div元素浮动,会导致无法显示。
如:
2.解决方法
这时候可以用clear:both清除浮动
示例代码:
1F 杯子系列
妙洁 一次性纸杯 8盎司228ml 100只/袋 20袋/箱
¥ 19.80/袋
妙洁 一次性纸杯 8盎司228ml 100只/袋 20袋/箱
¥ 19.80/袋
妙洁 一次性纸杯 8盎司228ml 100只/袋 20袋/箱
¥ 19.80/袋
妙洁 一次性纸杯 8盎司228ml 100只/袋 20袋/箱
¥ 19.80/袋
妙洁 一次性纸杯 8盎司228ml 100只/袋 20袋/箱
¥ 19.80/袋
妙洁 一次性纸杯 8盎司228ml 100只/袋 20袋/箱
¥ 19.80/袋
妙洁 一次性纸杯 8盎司228ml 100只/袋 20袋/箱
¥ 19.80/袋
妙洁 一次性纸杯 8盎司228ml 100只/袋 20袋/箱
¥ 19.80/袋
2F 餐具系列
妙洁 一次性纸杯 8盎司228ml 100只/袋 20袋/箱
¥ 19.80/袋
妙洁 一次性纸杯 8盎司228ml 100只/袋 20袋/箱
¥ 19.80/袋
妙洁 一次性纸杯 8盎司228ml 100只/袋 20袋/箱
¥ 19.80/袋
妙洁 一次性纸杯 8盎司228ml 100只/袋 20袋/箱
¥ 19.80/袋
妙洁 一次性纸杯 8盎司228ml 100只/袋 20袋/箱
¥ 19.80/袋
妙洁 一次性纸杯 8盎司228ml 100只/袋 20袋/箱
¥ 19.80/袋
妙洁 一次性纸杯 8盎司228ml 100只/袋 20袋/箱
¥ 19.80/袋
妙洁 一次性纸杯 8盎司228ml 100只/袋 20袋/箱
¥ 19.80/袋
这是两段div元素,用了这句代码清除浮动。
下面是改正过的页面,可以正常显示了。