清除浮动(clearfix hack)
来源:互联网 发布:手机淘宝会员名能改吗 编辑:程序博客网 时间:2024/05/29 14:38
清除浮动(clearfix hack)
在使用浮动的时候经常会遇到一个古怪的事情:
img { float: right;}
<div>
不......这个图片比包含它的元素还高, 而且它是浮动的,于是它就溢出到了容器外面!
见证奇迹的时刻到了!有一种比较丑陋的方法可以解决这个问题,它叫做清除浮动(clearfix hack).
让我们加入一些新的CSS样式:
.clearfix { overflow: auto;}
现在再看看发生了什么:
<div class="clearfix">
好多了!
这个可以在现代浏览器上工作。如果你想要支持IE6,你就需要再加入如下样式:
.clearfix { overflow: auto; zoom: 1;}
有些独特的浏览器需要“额外的关照”。清除浮动这谭水很深很深,但是这个简单的解决方案已经可以在今天所有的主要浏览器上工作。
0 0
- 清除浮动(clearfix hack)
- 清除浮动(clearfix hack)
- 清除浮动(clearfix)
- 清除浮动(clearfix)
- clearfix清除浮动
- clearfix清除浮动进化史
- clearfix清除浮动
- css 清除浮动 clearfix
- clearfix清除浮动进化史
- 清除浮动 clearfix
- clearfix清除浮动
- clearfix清除浮动方案
- clearfix清除浮动进化史
- 清除浮动:clearfix
- [zz]CSS clearfix 清除浮动
- 清除浮动的用法clearfix
- clearfix:after 清除css浮动
- 清除浮动的clearfix方法
- docker共享volume
- jquery的html,text,val
- LeetCode
- python复习。知识点小记
- li浮动时ul高度为0,解决ul自适应高度的几种方法
- 清除浮动(clearfix hack)
- linux重启Apache服务的常用命令
- ”盒模型“之如何防止边框和内边距把元素撑开
- 二 git学习笔记01
- 这是对position讲解最通俗易懂的版本了。
- 生日快乐~
- flaskweb开发中密码加密处理
- MissingProjectException
- python编码问题