摘要：
圣杯布局指的是一个网页由页眉，3等高列（2个固定侧栏和中心内容主体）和贴在页面底部的页脚组成。 主要思路是对整个容器使用地上diaplay:table 的css规则，然后分别对页眉页脚使用display：table-row的css规则。 对中间的mian容器使用中的左中右使用display:tabl 阅读全文
摘要：
一、纵向菜单 效果图： 二、横向菜单 效果图： 三、下拉菜单 效果图： 纵向的下拉菜单 给最外层容器nav添加额外的一个类，vertical成为<nav id="nav1" class="vertical">。。。。<nav> 然后添加如下的css规则： 效果图： 阅读全文
摘要：
一、vertical-align可以采用负值（正/负值根据基线上下移动），也可以采用百分比值，而这个百分比值不是相对于字体大小或者其他什么属性计算的，而是相对于line-height计算的。 此外，width,height,font-size的百分比是相当于父元素的相同属性的值来计算的； line- 阅读全文
摘要：
父元素如何围住浮动的子元素的三种办法： 一、为父元素应用overflow：hidden。 overflow真正用途是防止包含元素被大的内容撑开，设定了宽度之后，包含元素将超过容器的内容减掉；而它还有另外一个作用就是迫使父元素包含其浮动的子元素。 二、同时浮动父元素。 三、添加非浮动的元素并清除它。 阅读全文
