float 禁止换行

最新推荐文章于 2023-07-14 14:15:29 发布

friendan

最新推荐文章于 2023-07-14 14:15:29 发布

阅读量1.1w

点赞数 2

分类专栏： html CSS 文章标签： float html css 换位问题 web

本文链接：https://blog.csdn.net/friendan/article/details/53390919

版权

html 同时被 2 个专栏收录

18 篇文章 0 订阅

订阅专栏

CSS

13 篇文章 0 订阅

订阅专栏

参考文章：http://blog.csdn.net/qidizi/article/details/8779889

<div style="width:100px; overflow:hidden;">
	<div style="width:1000000px;">
		<div style="float:left;width:100px;">n个这个元素(总小100000px);</div>
		<div style="float:left;width:100px;">n个这个元素(总小100000px);</div>
		<div style="float:left;width:100px;">n个这个元素(总小100000px);</div>
	</div>
</div>

关键就是在hidden元素内部再放一个div,然后设置足够大的空间,容浮动对象,不让它碰到到边而换行.