居中是我们使用css来布局时常遇到的情况。使用css来进行居中时，有时一个属性就能搞定，有时则需要一定的技巧才能兼容到所有浏览器，本文就居中的一些常用方法做个简单的介绍。 注：本文所讲方法除了特别说明外，都是兼容IE6+、谷歌、火狐等主流浏览器的。 先来说几种简单的、人畜无害的居中方法 1. 把ma ...
分类：
Web程序 时间：
2018-01-07 15:57:26
阅读次数：
167
1，什么是BFC BFC（Block Formatting Context）块级格式化上下文，它就是一个环境，HTML元素在这个环境中按照一定规则进行布局。一个环境中的元素不会影响到其他环境中的布局。它是W3C CSS2.1规范中的一个概念，是一个独立的渲染区域，只有Block-level box参 ...
分类：
Web程序 时间：
2018-01-04 00:19:24
阅读次数：
197
一、css布局模型 1.流动模型（Flow） 元素在不设置css样式时的布局模型，是块元素就独占一行，是内联元素就在一行逐个进行显示 2.浮动模型（Float） 使用float属性来进行网页布局，给元素设置float后会脱离正常的文档流 3.层模型（Layer） 使用position属性对元素进行定 ...
分类：
Web程序 时间：
2018-01-02 23:34:34
阅读次数：
205
前言 BFC 的概念始于 CSS2，是个蛮古老的 CSS 话题了，网上也到处能搜到 BFC 的介绍，但是都不够简洁。本文系翻译自 Rachel Andrew 女士的博文 Understanding CSS Layout And The Block Formatting Context，内容足够简洁明 ...
分类：
Web程序 时间：
2017-12-26 00:56:21
阅读次数：
300
1.UI.Layout jQuery UI布局插件 官方网站：http://layout.jquery-dev.com/index.cfm 使用大小可折叠的嵌套面板和大量选项创建高级UI布局。布局可以创建任何你想要的UI外观; 从简单的标题或侧边栏到具有工具栏，菜单，帮助面板，状态栏，子表单等的复杂 ...
分类：
Web程序 时间：
2017-12-17 23:52:39
阅读次数：
264
1. 布局时分清是哪一板块,我刚布局时从不看整体,所以当设计图有变动的时候,比如下调某一板块,动的地方就比较多,坑到自己了;所以一定要用一个标签包裹,div或者语义化标签;如果不能判断哪一块是整体,可以看参考设计图,设计师的改动也是基于某一个图层修改,我们就可以把这个图层当做最外层的一个div; 2 ...
分类：
Web程序 时间：
2017-12-09 19:44:16
阅读次数：
194
本文讲解使用DIV+CSS布局最基本的内容，读完本文你讲会使用DIV+CSS进行简单的页面布局。 DIV+CSS布局中主要CSS属性介绍： Float: Float属性是DIV+CSS布局中最基本也是最常用的属性，用于实现多列功能，我们知道<div>标签默认一行只能显示一个，而使用Float属性可以 ...
分类：
Web程序 时间：
2017-12-09 13:01:03
阅读次数：
262
1.float浮动属性 left左浮动 right右浮动 2.clear 清除浮动 clear:both 3.overflow 溢出处理 hiddle 隐藏超出层大小的内容 scroll 无论内容是否超出层大小都添加滚动条 auto 超出时自动添加滚动条 eg： <!DOCTYPE html> <h ...
分类：
Web程序 时间：
2017-11-28 21:06:05
阅读次数：
200
1.div和span DIV和SPAN在整个HTML标记中，没有任何意义，他们的存在就是为了应用CSS样式 DIV和SPAN的区别在与，span是内连元素，div是块级元素 2.盒模型 margin:盒子外边框 padding:盒子内边框 border:盒子边框宽度 width:盒子宽度 heigh ...
分类：
Web程序 时间：
2017-11-28 01:22:00
阅读次数：
237
float及postion缺点对于两个div元素，其是相对独立的，如果在其中一个div元素中加入内容，将会使得两个元素的底部不能对齐，导致页面多出空白区域。多栏布局css3中加入了多栏布局，可以将一个...
分类：
Web程序 时间：
2017-11-24 15:05:51
阅读次数：
240
