咸鱼白菜

CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。1.定义DIV分析一个典型的定义div例子：#sample{ MARGIN: 10px 10px 10px 10px;PADDING-LEF

1.CSS布局常用的方法：float : none | left | right 取值：none : 默认值。对象不飘浮 left : 文本流向对象的右边 right : 文本流向对象的左边它是怎样工作的，看个一行两列的例子xhtml: 这里是第一列 这里是第二列 CSS:#wrap{ width:100%; height:auto;}#column1{ floa

[ 2006-02-13 07:47:07 | Author: greengnn ] Font Size: Large | Medium | Small 翻译自：In Search of the Holy Grail原文：http://www.alistapart.com/articles/holygrail这个翻译的页面版权归greengnn所有，转载请注明出处第一步：创建一个结

最典型实用的上中下，并且中间分三列的布局，这个例子有2个特点：1. 中间三列效果，可以任意实现单列背景色。2. 整体最窄770px，最宽1024px，也就是说窗口小于770xp就出底部滚动条，如果大于1024px自动屏幕居中。IE6.0和FF1.5测试通过 效果浏览分析：最外层的wrapper把所有内容都嵌套在里边，整体相对定位。max min已经很好的控制了最窄最宽值，但

 [ 2006-01-16 04:44:12 | Author: greengnn ] Font Size: Large | Medium | Small Quote 文章来源:兰色经典 作者:ajie先温习一下对于IE的box-model的破解IE box-model这个臭名昭著的bug存在于IE6/Win以前的每一只版本，这个虫子直到tantak发布了流

原作者:Alex Robinson原文标题:Equal Height Columns这是一个比较典型的三行二列布局，每列高度（事先并不能确定哪列的高度）的相同，是每个设计师追求的目标，按一般的做法，大多采用背景图填充、加JS脚本的方法使列的高度相同，本文要介绍的是采用容器溢出部分隐藏和列的负底边界和正的内补丁相结合的方法来解决列高度相同的问题。先看代码：#wrap{ overflo