为了账号安全,请及时绑定邮箱和手机立即绑定

CSS样式中子元素设置宽高并向左浮动,撑开无宽高父元素,如何达到浏览器出现x轴滚动,而子元素不会掉下

CSS样式中子元素设置宽高并向左浮动,撑开无宽高父元素,如何达到浏览器出现x轴滚动,而子元素不会掉下

首先看图知道最外层有一个class名为box的div包裹,现在里面有三个块,分别是k1k2k3,k1和k2都有宽度高度,并设置了向左浮动,第三个块k3比较特殊,他没设置宽和高,只有浮动跟overflow;他里面有无穷多个子元素,子元素都分别设置了宽高,并也浮动了, 现在第三个块掉下来了。目前想到做到的是第一第二第三个块一起向左浮动,而不会出现第三个块掉下来的问题,而浏览器可以出现x轴向右边滚动的效果。请问各位大神如何解决???目前已尝试给最外层box添加overflow:hidden加上设置最小宽度就不会掉下来,但是由于k3的子元素无穷多个,无法写死,还有个方式是利用js来控制box的最小宽度。目前想问有没纯css解决的方法?
查看完整描述

1 回答

?
犯罪嫌疑人X

TA贡献2080条经验 获得超4个赞

不使用float:left;试试给k31,k32,k33使用display:inline-block,并把k3设置成white-space:nowrap


查看完整回答
反对 回复 2018-11-25
  • 1 回答
  • 0 关注
  • 809 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信