1、前面没清除浮动导致的 当父盒子剩余的宽度容纳不下新浮动的子盒子时，子盒子会另起一行，且它的上边界始终低于前一个浮动盒子的下边界。
新罗网站制作公司哪家好，找成都创新互联公司！从网页设计、网站建设、微信开发、APP开发、自适应网站建设等网站项目制作，到程序开发，运营维护。成都创新互联公司自2013年起到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选成都创新互联公司。
2、检查下两个DIV的宽度width设置情况，在不定义position（或者position属性相同）的情况下：不控制div的宽度(width)，或者div被其内部的内容撑大，最终会导致浮动异常（不对齐排列）。
3、布局分块没分好。你是把所有文字放在一个img标签后面了。将所有文字放进一个div中，然后再把这个div放再img后面就不会出现问题了。
4、这是因为left 的浮动也会影响到后面的对象，如果我们给bottom 添加一句clear：both，那么bottom就不会再排在right的右边了，这是因为我们用clear：both清除了前面浮动对象对bottom的影响。
分析：对div01设置了左浮动，使div01脱离了文档流，div01是在div02的上面一层，实际的div02还是占据了一整行，div02的文字部分看着像被挤出来了，其实这就是文字环绕的实现（文字是英文时有点问题）。
使用float来使层浮动起来，使用clear：both来清除浮动，一般情况下在一个div中，会有三个层，第一个层左浮动，第二个层右浮动，第三个层用来清除浮动。最外层的层要使用：overflow：hidden来使外边框达到内层浮动层的高度。
浮动的元素之间是互相贴靠的，在实际工作中，我们是希望同组的元素互相贴靠的，但是不同组的元素之间是不互相贴靠的，第2组的元素不应该与第1组的元素有任何互相的影响。
可以设置宽、高等属性，你去掉floa后，它就默认为内联元素，其宽、高等属性失效，只会根据文本的宽度自动调节。当然你可加上这样的css语句：display：block；这样所设的宽度width：7em；就会有效了。
CSS里给一个DIV加上浮动以后，下面的DIV就把它覆盖是设置错误造成的，解决方法为：新建一个html文件，命名为test.html。在test.html文件内，创建两个div，分别为“第一层”和“第二层”。
如果3个div上下排列，第三个div加上float：right；的话，第三个div只是浮动到页面右面，不到到任何div下面。你浮动的是div，自然里面的文字不会浮动了。
浮动，你可以理解为漂浮在空中，然后它后面紧挨着但未设置浮动的元素则仍然在地上，并且填补了漂浮元素原来在地上所占用的位置，也就是说，非浮动元素“钻”到浮动元素的下面去了，所以被盖住了。
由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。
通过浮动可以使一个元素向其父元素的左侧或右侧移动，我们使用float属性来设置于元素的浮动 注意，元素设置浮动以后，水平布局的等式便不需要强制成立 。
顾名思义，就是让设置的标签产生浮动效果，就是脱离原来页面的标准输出流。正常情况下，HTML页面中块元素都是从上倒下排列的。如果想实现左右结构。float的一种选择（当然还有其他方法）。
left 元素向左浮动。right 元素向右浮动。none 默认值。元素不浮动，并会显示在其在文本中出现的位置。inherit 规定应该从父元素继承 float 属性的值。
CSS中的float浮动属性，一般用于标签对象（例如：标签盒子、标签、标签、标签等html标签）的浮动布局，而浮动也就是我们常说的标签对象居左靠左和居右靠右）。同时float浮动属性一般只对块级元素有效。
css设置按钮样式的方法：定义一个css选择器，然后在按钮标签中使用此选择器即可设置按钮样式。使用：hover伪类选择器可以设置按钮交互时样式。
首先创建一个txt文件，修改后缀名：把.txt改为.html，用记事本打开添加如下代码：打开浏览器，这是一个没有添加样式的button，外观不美观，而且在不同的浏览器下显示的外观是不一样的，所以我们要添加统一的样式。
css 实现按钮样式使用背景色，鼠标放上去按钮背景色，不需要过渡效果的把transition 两句去掉。
