自适应布局1、适应场景是:左右两列,一列设置浮动和设置宽度,另一列不需要设置浮动和宽度,只需设置overflow:hidden,就可以实现左右两列自适应。原理(BFC,清除浮动原理)伪类与伪对象在官方文档中伪类用classify来描述,而伪对象用create。从这里我们就能明白它们的区别:伪对象则代...
分类:
Web程序 时间:
2014-06-03 14:13:04
阅读次数:
307
空标签方式:(每次都要添加空div).clearfix{clear:both;}BFC方式:(局限性:不能有谈层).clearfix{*zoom:1;overflow:hidden;}伪元素方式:.clearfix{*zoom:1;}.clearfix:after{display:block;cle...
分类:
Web程序 时间:
2014-06-03 13:54:02
阅读次数:
305
在CSS布局中float属性经常会被用到,但使用float属性后会使其在普通流中脱离父容器,让人很苦恼
1 浮动带来布局的便利,却也带来了新问题
1 doctype html>
2 html lang="en">
3 head>
4 meta charset="UTF-8">
5 title>Clear floattitle>
6 style...
分类:
Web程序 时间:
2014-05-13 15:03:50
阅读次数:
385