再说css float浮动的事情

第一种情况

div在默认状态下,每个div都占一行,所以下面的例子,默认显示是两行
<div>aaaa</div>
		<div>bbbb</div>

第二种情况

显示为
aaaa

bbbb
接着我们为第一个div加上浮动
<style>
			.a {float:left}
		</style>
<div class="a">aaaa</div>
<div>bbbb</div>
那么显示为
aaaabbbb
使用浮动后两个就在一行显示了。

第三种情况

但如果我们为第一个使用浮动后,第二个并不想和第一个在同一行显示,那么我们为第二个使用清除浮动功能,则可以换行显示。
<style>
			.a {float:left}
			.b {clear: left;}
		</style>
<div class="a">aaaa</div>
<div class="b">bbbb</div>
这时候显示的就变成两个div换行显示了
aaaa
bbbb

评论

大侠名号:   验证码: 点击我更换图片  

修远兮

在这里记录每一点自己需要的知识

添加创始人微信,一起交流心得

推荐文章RECOMMEND