css悬浮不换行

html-css08

css悬浮不换行,第1张

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

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

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

设置ul竖向超出隐藏

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

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