9个永不过时的css三栏布局
我喜欢3栏布局的网页设计，但是3栏布局相对来说就比较复杂，有些难以控制，尽管时下正火的Web2.0似乎很少采用3栏布局。但没关系，我们是非非非主流。
首先，任何一个布局通常都有headers, navigation bars, content containers,
sidebars以及
footers。我们在设计三栏主题的时候，最重要的目的就是发挥其最大的灵活性和自适应高度，这样才会看上去更加美观。下面9个三栏CSS布局将从多个
方面来实现最好的布局方法，并都兼容IE和FF。
两个固定栏和一个可变栏
一个精致的3栏布局技巧示例
1. #leftcontent {
position: absolute;
left:10px;
top:50px;
width:200px;
}
2. #centercontent {
margin-left: 199px;
margin-right:199px;
margin-left: 201px;
margin-right:201px;
}
HTML>body #centercontent {
margin-left: 201px;
margin-right:201px;
}
3. #rightcontent {
position: absolute;
right:10px;
top:50px;
width:200px;
}
使用100%高度
1. #left { float: left; width: 155px; padding: 5px; position: relative; /*** IE needs this ***/ }
2. #right { float: right; width: 110px; padding: 5px; position:
relative; /*** IE needs this ***/ margin-right: -120px; /** This
negative margin-right value is the same as the right column width
(width + padding). ***/ position: relative; /*** IE needs this ***/ }
3. #content { float: right; margin-right: -165px; /*** Same l
相关文档：
白色 #FFFFFF 2 红色 #FF0000 3 绿色 #00FF00 ......
版权声明：原创作品，允许转载，转载时请务必以超链接形式标明文章原始出版、作者信息和本声明。否则将追究法律责任。http://blog.csdn.net/mayongzhan - 马永占,myz,mayongzhan
书接上回，上次说到下次更新是很久很久之后的事，果不其然，确实是久了一点，也正说明csdn在稳定中前进。今天发现原来在博客右下的广告框，现� ......
I needed a tab pane to put some content in my web pages. There are many solutions around
and I must say that they are quite good, but I had some extra requirements that I needed.
I did search around but I did not find what I wanted, so I ended up producing something and now I am sharing
it with y ......
对DIV+CSS偶还是新手,所以对ID与CLASS之间的区别,偶到今天也还是有些许迷茫,刚才查了下相关资料,果然给偶指明了方向,下面是它们之间的区别来自网上内容我把它收藏了进来,以便参考:
一、在web标准中是不容许重复ID的，例如 div id="a" 不容许重复2次；而class所定义的是类，理论上可以无限重复。以根据需要多次引用 ......
CSS样式的种类：
1 ．HTML 标记符：用于定义HTML 的TAGS 样式，例如 bodyp img 等。
例Style.css中定义的body\h1\p\img 等 例style.css
2 ．类选择器：以 . 开头，样式一旦定义，可就用于任何HTML 元素 。
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Trans
CSS样式的种类：
1
．HTML
标记符：用于定义HTML
� ......
