初学遇到的样式问题--float

1.当使用"float：left；"时，发现一连串的汉字可以实现自动浮动，而针对一连串的英文字符则会出现如下情况：

 这是因为：   一连串的英文字符如果不加空格系统就会默认为他是一个单词，不会自动换行，自然也就会有溢出了。

 解决办法：　在样式中添加：word-break:break-all;（这是拆分单词的换行）

　　　　　　 word-wrap:break-word;（这是不拆分单词的换行）

　　　　　　 针对溢出可用overflow:hidden;（隐藏溢出）

【word-break:break-all;】

 

【word-wrap:break-word;】

【overflow:hidden;】

另外，如果将段落的float属性也设置为left或者right，将得到如下效果：

可见，父div的范围缩成了一小条（由padding和border决定的）。这是因为一个div的范围是由它里面的标准流内容决定的。而一个标签如果设置了float样式，就不再是一个标准的流内容了。H5中为了使父div包含这些个子元素，可以通过"增加空div"的方法。具体操作如下：

            

（注：要为新增的空div增添样式，必须要指定其父div，并覆盖原来对margin、padding和border的设置）