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在稳定中前进。今天发现原来在博客右下的广告框，现� ......
通常的我们在读取文章标题的时候，遇到字符过多，都是通过程序在SERVER端截取一定的字符数，然后添加...来实现标题长度截取的。其实我们也可以通过CSS来控制。
实列如下：
.title
{
width:200px;
white-space:nowrap;
word-break:keep-all;
overflow:hidden;
text-overflow:ellipsis;
}
可用span或div� ......
内部样式表
内部样式表需要在网页的<head>部分定义，格式如下：
<head>
<style type="text/css">
/*符合CSS语法结构的CSS语句，例如*/
body { background-color: blue; }
</style>
</head>
行内样式表(内嵌样式表)
行内样式表直接在标签内部定义，使用style属性，写法如下：
......
overflow从字面意义上来讲就是溢出的意思，换句话说，你有个层，但是里面的内容，图片或者文字要比层大，overflow就是针对这种情况进行处理的。
包含4个属性值，visible,hidden,auto,scroll
visible就是超出的内容仍然正常被显示出来。
hidden就是超出的内容被隐藏。 &nbs ......
