HTML解决div元素不显示问题

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元素,用了这句代码清除浮动。

下面是改正过的页面,可以正常显示了。