CSS实例:三列等高布局

作者佚名技术来源 CSS技术浏览发布时间 2012-03-05

dden;
}
#container { display: inline-block; }
/*\*/
#container { display: block; }
/*\*/
#center, #left, #right {
    position: relative;
    float: left;
}
*+html #center {
}
#center { width: 100%; }
#left {
    width: 200px;
    right: 200px;
    margin-left: -100%;
}
#right {
    width: 150px;
    margin-right: -150px;
}
#footer { clear: both; }
/*Equal-height */
#container { overflow: hidden; }
#footer {
    overflow:hidden;
    position: relative;
}
/*IE7 hack*/
*+html #center {
    position:static;
}
*+html #left {
    position:static;
}
*+html #right {
    position:static;
}
*+html #container {
    position:relative;
    overflow:hidden;
}
*+html #left {
    position:relative;
}
/*End IE7 hack*/
/*Start Hack for Opera8*/
/*\*/
#container #center, #container #left, #container #right {
    padding-bottom: 32767px !important;
    margin-bottom: -32767px !important;
}
@media all and (min-width: 0px) {
    #container #center, #container #left, #container #right {
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }
    #center:before, #left:before, #right:before {
        content: '

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

上一页 1 2 3 4 5 6 7 8 9 10 11 12 13 下一页

分享到：更多

你可能对下面的文章感兴趣

上一篇: CSS实例:让页脚保持在未满屏页面的底部下一篇: 学习WEB标准必备的四项技能

关于CSS实例:三列等高布局的所有评论

随机推荐