如何清除浮动塌陷? float:left 塌陷

参考文章: http://www.jb51.net/css/502268.html 原文链接:http://www.jianshu.com/p/a0500b54da13

只要给li的宽度, 规定得小一些, li中的内容, 自然就会成1列往下排.
ul{padding: 0;

}
li { 
	width: 20px;
	margin:5px;
	padding: 5px;
	background: #cce;
	list-style: none;

}

上面说的这些方法, 都是针对float的元素 的 父级元素, 或祖先元素而言的.
如果某个元素 div#me{ clear:both} , 是指, 消除其他元素对我(#me)的干扰, 使得我的左边和右边都没有浮动元素. 即让浮动元素向上或向下移动, 不要跟我在同一行.

posted @ 2017-06-22 17:00  noitanym  阅读(420)  评论(0编辑  收藏  举报