最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
web标准化：闭合浮动元素超级简单的方法
时间：2022-07-02 13:08:05 编辑：袖梨 来源：一聚教程网
外围元素之所以不能很好的延伸，问题出在了overflow上，因为overflow不可见，见W3C的解释。现在只要将给外围元素添加一个overflow:auto;就可以解决问题，结果是除了IE，真的可以解决。下来就要解决ie的问题了，再加上_height:1%; ，这个问题就完全解决了。
下面是我做的三个例子作为比较
1.没有闭合浮动元素
2.非IE下闭合浮动元素
3.完全闭合元素
代码如下：
| 代码如下 | 复制代码 |
XHTMLFloat leftFloat right |
|
CSS样式：
| 代码如下 | 复制代码 |
| #wrap{ border:6px #ccc solid; overflow:auto; _height:1%;} .column_left{ float:left; width:20%; padding:10px;} .column_right{ float:right; width:75%; padding:10px; border-left:6px #eee solid;} |
|
相关文章
- SEI瞄准55%涨幅，原生USDC支持引发反向头肩形态突破 07-12
- 无畏契约源能行动斯凯技能详解 斯凯技能介绍 07-12
- 原神艾梅莉埃用什么武器 艾梅莉埃适配武器推荐 07-12
- 原神艾梅莉埃带什么圣遗物 艾梅莉埃圣遗物推荐 07-12
- 剑星一周目全12条辅助脊椎怎么收集 辅助脊椎收集方法介绍 07-12
- 崩坏星穹铁道白厄抽几命好-白厄星魂抽取建议 07-12