最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
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+布局时就不会有那以多的苦恼了。
相关文章
- 消逝的光芒困兽D4藏宝图宝藏怎么获得 D4藏宝图宝藏获取攻略 10-10
- 我的世界粗铜块怎么获得 粗铜块获取方法介绍 10-10
- 消逝的光芒困兽支线疯狂杀戮第三章流程攻略 支线疯狂杀戮第三章怎么过 10-10
- 消逝的光芒困兽A1藏宝图宝藏在哪 A1藏宝图宝藏获取攻略 10-10
- 我的世界粗铁块怎么获得 粗铁块获取方法介绍 10-10
- 我的世界下界合金块怎么获得 下界合金块获取方法介绍 10-10