lechen1013的博客

Square#square { width: 100px; height: 100px; background: red;}Rectangle#rectangle{ width: 200px; height: 100px; background: red;}Circle#circle { width: 100px; hei

什么是等高布局?先来看一个案例： 上图中的页面的主体内容是两列结构，左列是用来导航的，右列是用来显示内容的。我们看到它们有一个共同的边框，中间还有一条分隔线，左右两列的高度都是不固定的。这种情况下就需要两列的高度保持一致了，左边高度增加，右边也跟着增加，右边高度增加，左边同样也要增加，否则就会出现“断层”的效果。在这里，等高布局是为了维护边框线条的完整性，在有些地方则可能是

何为高度自适应？高度自适应就是高度能跟随浏览器窗口的大小改变而改变，典型的运用在一些后台界面中上面一栏高度固定用作菜单栏或导航栏，下面一栏高度自适应用于显示内容。高度自适应不像宽度自适应那样简单，在兼容浏览器方面也稍微复杂一些。布局思路在IE7+及chrome、firefox等浏览器中，高度自适应可以利用绝对定位来解决。但一个元素是绝对定位时，如果没有给它设定高度或宽度，则

css这个东西，说难不难，说容易也不容易。我觉得最重要的还是经验的积累，正所谓的不积硅步，无以至千里。这一系列文章讲述几种css特殊布局的实现，也当作为自己做个备忘吧。首先讲的是三列布局，左右两列宽度固定，中间一列宽度自适应这个很好实现，左右两列分别左浮动和右浮动并给一个固定宽度，中间不浮动，也不设定宽度。这样基本就可以了。但为了兼容IE还必须做些工作。看下代码结构：

方法一: Js代码  var ary = new Array("111","22","33","111");    var s = ary.join(",")+",";     for(var i=0;i   if(s.replace(ary[i]+",","").indexOf(ary[i]+",")>-1) {      alert(

jQuery.inArray()函数用于在数组中搜索指定的值，并返回其索引值。如果数组中不存在该值，则返回 -1。该函数属于全局jQuery对象。语法jQuery 1.2 新增该静态函数。jQuery.inArray( value, array [, fromIndex ] )参数参数描述value任意

Js判断客户端是否为PC还是手持移动设备方法一[html] view plain copy print?function IsPC(){         var userAgentInfo = navigator.userAgent;       var Agents = new Array("Android", "iPhone",

js的延迟加载有助与提高页面的加载速度，以下是延迟加载的几种方法：1.使用setTimeout延迟方法的加载时间延迟加载js代码，给网页加载留出更多时间script type="text/javascript" > function A(){ $.post("/lord/login",{name:username,pwd:password},func

一、校验数字的表达式 1 数字：^[0-9]*$ 2 n位的数字：^\d{n}$ 3 至少n位的数字：^\d{n,}$ 4 m-n位的数字：^\d{m,n}$ 5 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{

一、无继承性的属性1、display：规定元素应该生成的框的类型2、文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向3、盒子模型的属性：width、height、mar

原文链接：http://www.cnblogs.com/penghuwan/p/6820737.html?utm_source=itdadao&utm_medium=referral一.width:auto和width:100%的区别 1.width:100%的作用是占满它的参考元素的宽度。（一般情况下参考元素 == 父级元素，这里写成参考元素而不是父级元素，在下面我会再细说）

javascript变量javascript运算符javascript数组javascript流程语句javascript字符串函数javascript函数基础javascript DOM基础操作文档对象模型DOM浏览器对象javascript正则表达式

HTML5 DOM 选择器// querySelector() 返回匹配到的第一个元素varitem = document.querySelector('.item');console.log(item); // querySelectorAll() 返回匹配到的所有元素，是一个nodeList集合var

先看代码：非IE浏览器效果：IE浏览器效果： 注意到在IE中，代码中的p{background:#f00} 这段样式声明并没有起作用。解决方法：在样式表前必须要有其他的html代码，即使是一个 &nbsp 也行。原文地址：http://www.cnblogs.com/2050/archive/2012/07/14/259159