前面没清除浮动导致的 当父盒子剩余的宽度容纳不下新浮动的子盒子时，子盒子会另起一行，且它的上边界始终低于前一个浮动盒子的下边界。
创新互联是专业的荣成网站建设公司，荣成接单;提供成都网站设计、成都网站建设、外贸网站建设,网页设计,网站设计,建网站,PHP网站建设等专业做网站服务;采用PHP框架,可快速的进行荣成网站开发网页制作和功能扩展;专业做搜索引擎喜爱的网站,专业的做网站团队,希望更多企业前来合作!
你犯了一个细节错误。我刚查看了你的css，为什么fr有效，fl却无效。因为你fl上面的样式属性写错了.clearfix(zoom：1)应该是.clearfix{zoom：1}。是{}大括号，所以造成了fl无效。
这个应该是受到了兄弟元素浮动的影响，给靠右的元素添加一个caler：both；来清除浮动就可以了，。。
左浮动即float：left，使布局元素靠左浮动。右浮动即float：right，使布局元素靠右浮动。
使用float来使层浮动起来，使用clear：both来清除浮动，一般情况下在一个div中，会有三个层，第一个层左浮动，第二个层右浮动，第三个层用来清除浮动。最外层的层要使用：overflow：hidden来使外边框达到内层浮动层的高度。
清除两边浮动：clear：both；想知道第一个div已经设置了清除右边浮动。
1、可以通过拖放窗格之间的边框来调整任一窗格的大小。
2、CSS 格式设置规则由两部分组成：选择器和声明。选择器是标识已设置格式元素(如 P、H类名称或 ID)的术语，而声明则用于定义样式元素。
3、本教程为大家介绍一下Dreamweaver编辑CSS规则，希望对大家有帮助。在“CSS样式”面板的“正在”模式下编辑CSS规则 打开“CSS样式”面板。 使“CSS样式”面板处于“正在”模式下。
4、使用Dreamweaver CS5创建新的CSS规则 打开文档，将光标移动到要插入CSS规则的位置上，然后选择下面的任意一种方法打开“新建 CSS 规则”对话框。
5、在点击菜单栏上的Text|CSS Styles| Edit Style Sheet(或者直接按快捷键Ctrl+shift+E)，调出Edit Style Sheet（编辑样式表）对话框窗口。
6、在Dreamweaver CS5中，可以使用“CSS样式”面板向CSS规则添加属性。向CSS规则添加属性 打开“CSS样式”面板。 选择选择一条规则：在“正在”模式下的“CSS样式”面板的“规格”窗格中选择一条规则。
1、首先先在页面里加载一张图片，代码和效果如下图所示： 然后设置给图片起一个class名，方便一会儿的操作。 然后给图片设置css样式，因为方便的原因就直接在html页面写css样式了。
2、在css标签内，通过class设置div的样式，定义它的宽度为400px，高度为300px，边框为1px。在css标签内，再将text-align属性设置为right，用于让div内的内容居右对齐，从而实现图片居右对齐。
3、在index.html中的标签中，输入css代码：span {position： absolute； top： 45px； left： 180px；}。浏览器运行index.html页面，此时成功通过css设置了文字在图片上面居中显示。
4、可以用margin-top吧。还可以用定位的方法把图片定位在右边中间位置。
5、新建一个html文件，命名为test.html，用于讲解用css怎么让一张图片在网页中居中显示。请点击输入图片描述 在test.html文件内，使用div标签创建一个模块，并设置模块的class属性为mydiv，主要用于下面通过该class来设置css样式。
6、水平居中：单独文字垂直居中只需要设置CSS样式line-height属性即可。
1、CSS是英语Cascading Style Sheets（层叠样式表单）的缩写，它是一种用来表现HTML或 XML 等文件式样的计算机语言。样式表有三种类型：外部链接的样式表。指使用CSS文件链接到HTML文件。内部样式表。
2、CSS样式分为：内联式css样式、嵌入式css样式、外部式css样式。对CSS三种样式定义及其实例：内联式css样式。内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码：这里文字是红色。
3、CSS样式有三种类型：内联式CSS样式、嵌入式CSS样式、外部式CSS样式。内联式CSS样式：就是把CSS代码直接写在现有的HTML标签中。如果有多条CSS样式代码设置可以写在一起，中间用分号隔开。
4、css是英文Cascading Style Sheets的缩写。它是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
5、CSS 样式按照使用方式和作用对象可以分为以下几类： 选择器样式（Selector Styles）：是 CSS 样式中最常见的一种，通过选择器选中需要设置样式的元素，然后为其设置样式。
6、text/css，是允许不支持这类型的浏览器忽略样式表单。 内联定义 (Inline Styles) 内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。
打开编辑器，新建test.html，用于学习今天的内容。接下来需要在head标签下方引入jquery.min.js插件，如下图所示。在页面的body标签里，新建一个div，名称为test。在body标签下方写上，用来存放js代码。
让文字居中的最主要的标签就是text-align：center；如果你还有别的文字居中的需求，可以通过margin：0 auto来控制文字所在层的居中。
css可以通过将text-align属性值设为center实现字体居中。
这个很容易啊 采用浮动就可以实现了。标题一般都是采用浮动做到的。
其它有如下几种：使用DIV，给DIV使用CSS样式，使其居中。
