自适应布局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中常常会见到margin-left：-20px;这类，有点晕，所以整理一下~ 主要分为两种情况：
一、没有浮动的元素 /* mydiv1向上移动10px */#mydiv1 {margin-top:-10px;}/* mydiv1向左移动10px
*/#mydiv1 {margin-l...
分类：
其他好文 时间：
2014-05-31 04:38:47
阅读次数：
268
/* 清理浮动 */ .clearfix:after{ content: " "; display:
block; height: 0; visibility: hidden; clear: both; font-size: 0;}.clearfix{ ...
分类：
其他好文 时间：
2014-05-28 15:10:33
阅读次数：
226
总结一下大家在开发过程中遇到的浮动问题，如何清除浮动的技巧。...
分类：
其他好文 时间：
2014-05-26 03:38:37
阅读次数：
451
1.float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像，使文本围绕在图像周围，不过在
CSS
中，任何元素都可以浮动。浮动元素会生成一个块级框，而不论它本身是何种元素。div一个典型的块级元素，会单独占据一行。先看看最基本的块级元素如何排列的。html代码，以下样式都是基于此。
...
分类：
Web程序 时间：
2014-05-25 19:06:29
阅读次数：
412
google的实现方式是：
图片可以作为a标签的背景或者嵌套子a标签里面，为a标签设置绝对定位，右面搜索框为正常块，为右面的搜索框设置margin-left即可具体如下，也可直接去看google搜索页.mw{
max-width:100%;}@media only screen and (...
分类：
其他好文 时间：
2014-05-25 03:50:29
阅读次数：
404
今天我们开始学习html列表，包含以下内容和知识点：ul无序和ol有序列表
改变项目符号样式或用图片定义项目符号 横向图文列表 浮动后父容器高度自适应 IE6的双倍边距bug
一、ul无序和ol有序列表无序列表是web标准布局中最常用的样式，代码如下：第五天 超链接伪类第四天 纵向导航菜单第三天 二...
分类：
Web程序 时间：
2014-05-25 03:39:13
阅读次数：
322
今天我们开始学习下拉及多级弹出菜单，包含以下内容和知识点：带下拉子菜单的导航菜单
绝对定位和浮动的区别和运用 css自适应宽度滑动门菜单
一、带下拉子菜单的导航菜单下拉菜单在一些企业网站应用尤为广泛，它存在使用方便，占用空间小等特点。之前纵向导航教程中已使用过二级导航，今天制作下横向导航菜单的二级菜...
分类：
Web程序 时间：
2014-05-25 03:05:23
阅读次数：
324
瀑布流加载显示数据，在当下已经用的很普遍，尤其是我们在做网上商城时，在产品列表页面已经被普遍使用。对于实现瀑布流布局的解决方案主要有以下两种方式：1、对每一条显示数据使用绝对定位+浮动的方式，这样也会有一个问题----必须要知道每一条信息的具体高宽度2、采用列布局，将每一条数据依次放置到每一列其实两...
分类：
其他好文 时间：
2014-05-21 21:24:45
阅读次数：
430
