自适应宽度，左右两栏固定宽度，中间栏优先加载

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
    html,body{
        width:100%;
        height:100%;
        margin:0;
        padding:0;
    }
    
    .content{
        width:100%;
        height:100%;
        position:relative;
        background:#000 url(background.jpg) no-repeat;
        overflow:hidden;
    }

    .left{
        width:200px;
        height:100%;
        background:#8CCA12;
        position:absolute;
        z-index:3;
        top:0;
        left:0;
    }
    
    .center-ct{
        height:100%;
        background:#CCCCCC;
        position:absolute;
        z-index:1;
        top:0;
        left:0;
        margin:0;
        width:100%;
    }

    .center{
        margin:0 200px;
    }
    .right{
        width:200px;
        height:100%;
        background:#6600FF;
        position:absolute;
        z-index:2;
        right:0;
        top:0;}
    </style>
</head>
    <body>
        <div class="content">
            <div class="center-ct">
                    <div class="center">
                        center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center center
                 </div>
            </div>
            <div class="left">left</div>
            <div class="right">right</div>
        </div>
    </body>
</html>

相关阅读:
Leetcode-113 Path Sum II(路径总和 II)
Leetcode-946 验证栈序列(Validate Stack Sequences)
Leetcode-945 Minimum Increment to Make Array Unique(使数组唯一的最小增量)
UVa-10129 Play on Words
UVa-10305 Ordering Tasks
UVa-816 Abbott's Revenge
UVa-1103 Ancient Messages
种子填充(flood fill)
内存池
Leetcode-942 DI String Match(增减字符串匹配)

原文地址：https://www.cnblogs.com/yingsmirk/p/2461087.html