最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
DIV CSS制作网页时浮动问题的解决方法
时间:2008-01-11 编辑:简简单单 来源:一聚教程网
前最常用的方法有两种┱
方法一、
使用块级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 */ |
加在一个想表示成块的容器的类属性上,但此属性必须为第一个,如
-
上一个: 问答方式帮你解决CSS网页制作中的基础问
相关文章
- CSS网页渲染效率怎么提高 03-29
- css网页布局用Margin还是用Padding 08-06
- 详解网页CSS代码挂马过程 07-11
- div+css网页布局中下划线text-decoration使用教程 01-05
- 让您头痛的DIV+CSS网页错位诊断及解决办法 01-05
- DIV+CSS网页模板开发初始化CSS的好处 01-04
热门栏目
-
php教程
php入门 php安全 php安装 php常用代码 php高级应用 -
asp.net教程
基础入门 .Net开发 C语言 VB.Net语言 WebService -
手机开发
安卓教程 ios7教程 Windows Phone Windows Mobile 手机常见问题 -
css教程
CSS入门 常用代码 经典案例 样式布局 高级应用 -
网页制作
设计基础 Dreamweaver Frontpage js教程 XNL/XSLT -
办公数码
word excel powerpoint 金山WPS 电脑新手 -
jsp教程
Application与Applet J2EE/EJB/服务器 J2ME开发 Java基础 Java技巧及代码