css悬浮不换行

html-css020

css悬浮不换行,第1张

让每一个的第1个元素加上 clear:both属性，我这里每一行有2个，所以是： .b li:nth-child(2n-1){clear:both}，如果每一行是3列，则加上：.b li:nth-child(3n-2){clear:both}。

在css中能够实现换行的代码有如下几个：

1、display:block //将标签改成块元素，块元素是单独占一行的。

2、clear:both； //清除浮动实现换行。

3、white-space:break； //这个一般适用在英文文章中的折行。

可以根据上面的几个能实现换行的样式，只需要将对应标签的对应属性删除就可以了。

设置ul一个固定的宽度，如：width：1000px

设置ul横向超出后自动。overflow-x：auto

设置ul竖向超出隐藏

有足够多的li，li的width设置为100px ，li的数量最少为11个

因为li数量多，导致ul会出现横向滚动条，这样就实现了想要的效果