对于如下的界面，介绍一种实现方式。 可以将整个界面分为三块，左中右。通过display: inline-block;和float: right;左右浮动效果实现。 代码如下： 姓名： 电话： ...
分类：
Web程序 时间：
2015-06-13 17:03:29
阅读次数：
153
float属性：定义元素朝哪个方向浮动。1.页面标准文档流、浮动层、float属性1.1 文档流HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。1.2 浮动层浮动层：给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的...
分类：
Web程序 时间：
2015-06-06 10:30:43
阅读次数：
129
1.页面标准文档流、浮动层、float属性1.1 文档流HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。1.2 浮动层浮动层：给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父元素(默认为body文本区域)的左右边框。而此浮动元素在文档流空出的位置...
分类：
Web程序 时间：
2015-05-17 21:28:49
阅读次数：
151
CSS布局技巧之-宽度自适应css这个东西，说难不难，说容易也不容易。我觉得最重要的还是经验的积累，正所谓的不积硅步，无以至千里。这一系列文章讲述几种css特殊布局的实现，也当作为自己做个备忘吧。首先讲的是三列布局，左右两列宽度固定，中间一列宽度自适应这个很好实现，左右两列分别左浮动和右浮动并给一个...
分类：
Web程序 时间：
2015-04-24 18:57:28
阅读次数：
125
学习了css布局的基础后又来翻阅《精通css》这本经典书籍，对布局有了进一步的认识。基于浮动的布局两列的布局仍然是使用一个元素向左浮动，一个元素向右浮动，值得注意的是要加入display：inline 用来防止IE中的双外边距浮动产生的bug。三列布局与昨天的使用了不同的方法，全部依靠浮动来实现，与...
分类：
Web程序 时间：
2015-04-16 23:10:45
阅读次数：
186
常见CSS英文单词、对应功能、对应解释、对应简单例子1、float：浮动Float:left;靠左浮动Float:right:靠右浮动2、width 宽度Width:20px; 对象宽度20px3、height 高度Height:20px; 对象高度20px4、margin 外补距Margin:1p...
分类：
Web程序 时间：
2015-04-04 15:03:02
阅读次数：
140
1、快速设置浮动通过这两个class让页面元素左右浮动。 !important被用来避免某些问题。......// Classes.pull-left {float: left !important;}.pull-right {float: right !important;}2、通过添加.lead...
分类：
其他好文 时间：
2015-03-12 13:14:16
阅读次数：
158
1.BUG_fireFox!!!一个容器内的子容器如果要左右浮动的话，需要在这个容器设置上样式："overflow:hidden"。注：内部元素浮动就会导致外面的容器的高度在firefox中不能够自适应内部元素的高度，所以我们首先要在父容器的CSS代码中加入“overflow:hidden;”。2....
分类：
Web程序 时间：
2015-01-30 15:15:01
阅读次数：
178
1.双边距左右浮动的块元素在设定了对应方向的的margin值时，会产生双倍的边距。解决方法：给元素添加 _display: inline;2.双倍缩进inline-block和text-indent样式同时使用时，会使缩进的尺寸加倍。解决方法：不使用inline-block样式；给元素添加float...
分类：
其他好文 时间：
2015-01-22 21:28:32
阅读次数：
147
