html三栏等高布局

最新推荐文章于 2023-10-01 20:09:08 发布

weixin_30535565

最新推荐文章于 2023-10-01 20:09:08 发布

阅读量92

点赞数

文章标签：前端 ViewUI

原文链接：http://www.cnblogs.com/baoguanxia/p/4035345.html

版权

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题</title>
    <style>
        #main{  
            display:table;  
            border-collapse:collapse;  
        }  
         
        #nav{  
            display:table-cell;  
            width:180px;  
            background-color:#e7dbcd;  
        }  
         
        #extras{  
            display:table-cell;  
            width:180px;  
            padding-left:10px;  
            border-right:5px solid #d7ad7b;  
        }  
         
        #content{  
            display:table-cell;  
            width:380px;  
            padding-left:10px;  
        }
    </style>
</head>
<body>
    <div id="wrapper"> 
        <div id="header"></div> 
        <div id="main"> 
            <div id="nav"> 
            ?navigationcolumncontent…  
            哈哈
            很好呵呵呵呵呵呵繁华的卡就回复可见啊好烦阿警方阿富汗多看撒回复阿发阿三方便
            很好呵呵呵呵呵呵繁华的卡就回复可见啊好烦阿警方阿富汗多看撒回复阿发阿三方便
            很好呵呵呵呵呵呵繁华的卡就回复可见啊好烦阿警方阿富汗多看撒回复阿发阿三方便
            很好呵呵呵呵呵呵繁华的卡就回复可见啊好烦阿警方阿富汗多看撒回复阿发阿三方便
            </div> 
            <div id="extras"> 
            ?newsheadlinescolumncontent…  
            </div> 
            <div id="content"> 
            ?mainarticlecontent…  
            </div> 
        </div> 
    </div>
</body>
</html>

转载于:https://www.cnblogs.com/baoguanxia/p/4035345.html

weixin_30535565

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html三栏等高布局

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标题</title> <style> #main{ display:table; ...
复制链接

扫一扫