CSS之解决高度塌陷问题方法终极版
来源:互联网 发布:网络视频协议 编辑:程序博客网 时间:2024/06/05 00:44
<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><style type="text/css">.box1{border: 1px solid red;}.box2{width: 100px;height: 100px;background-color: blue;float: left;}/* * 通过after伪类添加一个空白的块元素,然后对其清除浮动 * 而且不会在结构中添加div */.clearfix:after{/*添加一个内容*/content: "";/*转换一个块元素*/display: block;/*清除两侧浮动*/clear: both;}/* * 在IE6中不支持after伪类,还需hasLayout解决问题 */.clearfix{zoom : 1;}</style></head><body><div class="box1 clearfix"><div class="box2"></div></div></body></html>
阅读全文
0 0
- CSS之解决高度塌陷问题方法终极版
- CSS之解决高度塌陷问题(三)
- CSS之高度塌陷问题1
- CSS之高度塌陷
- 解决网页高度塌陷问题---浮动塌陷
- CSS 解决塌陷问题
- css解决父元素高度塌陷
- HTML&CSS之父元素高度塌陷
- CSS之高度塌陷问题解决方案
- css高度塌陷
- CSS中几种清除浮动法解决高度塌陷
- css中的高度塌陷以及开启BFC的方法
- HTML5基础加强css样式篇(float补充,清除浮动解决高度塌陷问题,定位补充)(一)
- 解决父元素高度塌陷的2种方法
- 解决高度塌陷的问题 – 清除浮动
- 解决由float引起的“高度塌陷”问题
- overflow解决浮动高度塌陷问题的原理--触发BFC
- 完美解决HTML中边框高度塌陷问题
- 重发:“设计师的实战过程”下载
- XML文档的语法规则(儿歌)
- POJ 3481 Double Queue(STL之双向优先队列)
- HashTable与HashMap的区别
- Day01 varnish
- CSS之解决高度塌陷问题方法终极版
- android 弹出消息框
- 《机器学习实战》学习笔记-[8]-回归-普通最小二乘OLS
- MYSQL学习笔记(九)分组数据
- JSP/Servlet
- tomcat安装-->使用homebrew安装tomcat并且运行tomcat服务器
- #bzoj2239#猜谜语(DP)
- UCML自定义查询(导致点击列头排序弹出异常)
- Python的深拷贝与浅拷贝