一聚教程网：一个值得你收藏的教程网站

ps教程| flash教程| 路由器设置| Jsp教程| 加入收藏

PHP教程 Css教程 操作系统 数据库 安卓下载

首页 游戏下载 软件下载 专题 资讯教程 php教程 asp.net教程 css教程 网页制作 网页特效 手机开发 办公数码
+ -
当前位置：一聚教程网 > css教程 > 样式布局

推荐专题

最新下载

热门教程

DIV CSS制作网页时浮动问题的解决方法

时间：2022-07-02 13:09:03 编辑：袖梨 来源：一聚教程网

前最常用的方法有两种┱
方法一、
使用块级clear，即声明一个块的类属性为

 代码如下 复制代码
.clear {clear:both;}

方法二、
使用内联元素清理，比如说在主浮动内容后跟一个内联元素。

 代码如下 复制代码
.inlineclear {clear:both;}

方法三，使用双层div巢状

 代码如下 复制代码
#pubpage {display:block;clear:both;}
#main {display:block;float:left;}


内容

这样用的话，内部的main就会把浮动给撑起来
方法四、

 代码如下 复制代码
/******clear float*******/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac */
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

加在一个想表示成块的容器的类属性上，但此属性必须为第一个，如


第四种方法目前可以很好的兼容多种浏览器，并且不要加额外的元素就可以完成想要的布局。
有了以上这几种方法，你在用div+css布局时就不会有那以多的苦恼了。

相关文章

热门栏目

一聚教程网| 关于我们| 联系我们| 广告合作| 友情链接| 版权声明

copyRight@2007-2022 www.111CN.NET AII Right Reserved

网站内容来自网络整理或网友投稿如有侵权行为请邮件:111cn.com@163.com 我们24小时内处理