div 用了float 后，为什么跟在后面的内容不换行了？

html-css032

div 用了float 后，为什么跟在后面的内容不换行了？,第1张

那是因为你设置总的宽度比较大，后面的内容水平排列有空间，所以你浮动后面的内容不会换行。你如果想让后面的内容另起一行，可以把div的宽度设置小一些，后面的内容没有空间，就会掉下去的！

不知道你理解没？建议你可以去w3school

去看看CSS浮动的知识，讲的很明了！

在css中能够实现换行的代码有如下几个：

1、display:block //将标签改成块元素，块元素是单独占一行的。

2、clear:both； //清除浮动实现换行。

3、white-space:break； //这个一般适用在英文文章中的折行。

可以根据上面的几个能实现换行的样式，只需要将对应标签的对应属性删除就可以了。

应该要用到浮动 float:left 或者绝对定位也可以，这个是CSS盒子模式的知识点，如果没有float,这一个div 就会占一行。通过padding margin等调节内边距外边距，正常来说外面是要用一层打的div包住。