你犯了一个细节错误。我刚查看了你的css，为什么fr有效，fl却无效。因为你fl上面的样式属性写错了.clearfix(zoom：1)应该是.clearfix{zoom：1}。是{}大括号，所以造成了fl无效。
成都创新互联公司专注于吴堡企业网站建设,成都响应式网站建设公司,成都做商城网站。吴堡网站建设公司,为吴堡等地区提供建站服务。全流程按需求定制网站，专业设计，全程项目跟踪，成都创新互联公司专业和态度为您提供的服务
左浮动即float：left，使布局元素靠左浮动。右浮动即float：right，使布局元素靠右浮动。
第二种：设置外层div的overflow：auto；属性 这种方法其实是最简单的，我们只需要给外面的DIV设置设置一个overflow：auto；属性就可以了。overflow 为CSS中设置当对象的内容超过其指定高度及宽度时如何管理内容的属性。
前面没清除浮动导致的 当父盒子剩余的宽度容纳不下新浮动的子盒子时，子盒子会另起一行，且它的上边界始终低于前一个浮动盒子的下边界。
这个应该是受到了兄弟元素浮动的影响，给靠右的元素添加一个caler：both；来清除浮动就可以了，。。
left 元素向左浮动。right 元素向右浮动。none 默认值。元素不浮动，并会显示在其在文本中出现的位置。inherit 规定应该从父元素继承 float 属性的值。
1、在test.html文件内，在div内，再使用div标签创建一个类名为ff的div，用于作为悬浮的div。在test.html文件内，在css标签内，使用“*”初始化元素样式，设置外边距和内边距都为0。
2、首先需要做的就是创建两个div。创建了div后，需要分别给它们Class属性。接下来，使用css，通过Class属性给它们设置样式。需要给于它们一个宽度与高度，为了便于观察，可以给它们一个边框。
3、第二种方法：首先根据下方图片中的代码进行输入编辑。然后根据下方图片中的代码进行输入编辑。然后继续根据下方图片中的代码进行输入编辑。
4、div class=main/div /center /body 这样就保证最小宽度是1000不会因为网页还原了就出现布局错乱。 1000的宽度，基本上所有的屏幕都能接受。 如果是分辨率大的。就可以自动控制宽度。
5、div是html语言里面的一个元素，Css可以控制html里面的div或其他元素的尺寸、颜色、背景、字体、边框、位置等等。div浮动吧，没浮空。
解决办法，去掉id为main的边框或者设置为0，或者修改三个div的宽度，最终使三个div的宽度加上所有的边框宽度的总值为页面宽度的100%。
这个是div+css的浮动问题，只要有浮动（float）的，用过之后是要清除的，以免影响其他层的布局，这就是有浮必清。
DIVCSS网页布局的页面中 左右抖动的解决方案。
一样会乱掉，最好的办法就是在最外面在加一个div 然后给个固定的宽度 设置外边距上下为0，左右自适应。...哎，不跑的话还叫浮动网页么.. 想解决问题把东西打包发邮箱吧，顺便说明自己的问题。
左浮动即float：left，使布局元素靠左浮动。右浮动即float：right，使布局元素靠右浮动。
首先需要做的就是创建两个div。创建了div后，需要分别给它们Class属性。接下来，使用css，通过Class属性给它们设置样式。需要给于它们一个宽度与高度，为了便于观察，可以给它们一个边框。
你可以给左边的图片加入左浮动，就像这样： img{float： left；}，然后再给右边的文字加入左浮动，这样：div{float： left；} 。记住是加在和图片并排的div上。
先给大DIV起个类名，然后进入CSS样式，输入代码：float：left，向左浮动。
为了方便朋友们查看顺序，把4个DIV分别插入一个数字，相当于给他们编一个号码。请点击输入图片描述 接下来就要用到浮动代码了。在4个DIV共用的a样式中，加入左浮动【float： left；】。
1、第二种方法：首先根据下方图片中的代码进行输入编辑。然后根据下方图片中的代码进行输入编辑。然后继续根据下方图片中的代码进行输入编辑。
2、首先需要做的就是创建两个div。创建了div后，需要分别给它们Class属性。接下来，使用css，通过Class属性给它们设置样式。需要给于它们一个宽度与高度，为了便于观察，可以给它们一个边框。
3、.much设置position：relative；.more设置position：absolute；right：0；top：0；不要bottom和left。去掉浮动。如果还不行就把代码全贴出来看看。