zoukankan      html  css  js  c++  java
  • 三行两列DIV布局之左固定宽度

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

    <html>
    <head>
        
    <title>Untitled</title>
        
    <style type="text/css">
            body
    {
                
    /*布局样式*/
                text-align
    :center; /* 这里,配合DIV的margin,设置DIV水平居中*/
            
    }

            #layout_header, #layout_footer
    {
                
    /*布局样式*/
                margin
    :0px auto;  /*水平居中*/
                width
    :98%;
                
            
    }

            #layout_header
            
    {
                
    /*这里可以自定*/
                height
    :50px;
            
    }

            
            #layout_container
    {
                
    /*布局样式*/
                margin
    :0px auto;  /*水平居中*/
                width
    :50%;
                
    /*这里可以自定*/
                text-align
    :left; 
                background-color
    :#CCE7FF;
                border
    :solid 1px red;
            
    }

            
            #layout_right_layout
    {
                
    /*布局样式*/
                width
    :100%;
                margin
    :2px 0px 2px -100%; 
                float
    :right;
            
    }

            
            #layout_right
    {
                
    /*布局样式*/
                float
    :left;
                margin
    :0px 0px 0px 170px; /*这里对应左侧栏的宽度*/
                
    /*这里可以自定*/
                background-color
    :#fff;
            
    }

            
            #layout_left
    {
                
    /*布局样式*/
                float
    :left;
                width
    :160px;       /*左侧栏的宽度*/
                margin
    :2px 0px 2px 0px; 
                
    /*这里可以自定*/
                background-color
    :#eef6ff;
            
    }

            
        
    </style>
    </head>

    <body>
    <div id="layout_header">
        这里头
    </div>
    <div id="layout_container">
        
    <div id="layout_right_layout">
            
    <div id="layout_right">
                    asdfasdf
                
    <table style="border:solid 1px red;100%;" border="0" cellpadding="0" cellspacing="0" id="lable">
                    
    <tr>
                        
    <td>
                            
    <span id="ctl00_WebSiteNavigate1_labelPageDescription">对会员进行查询列表</span>
                        
    </td>
                    
    </tr>
                
    </table>
            
    </div>
        
    </div>
        
    <div id="layout_left">
            这里写菜单
        
    </div>

    <div style="clear: both;display: block"> </div><!-- 这里解决FF 中 layout_container 高度不能自适应 -->
    </div>
    <div id="layout_footer">
        这里有版权
    </div>


    </body>
    </html>
  • 相关阅读:
    怎么将一个类的成员函数作为指针传递给另一个类的成员函数 沉沉_
    C/C++中的头文件多文件组织 沉沉_
    函数的返回值返回变量和引用 沉沉_
    多操作赋的语义判断(如 int& *a和int* &a) 沉沉_
    ctags: 提示错误ctags: unrecognized option 'format=2' 沉沉_
    C++中关于流的概念 沉沉_
    Verilog 初学笔记顺序操作 和 并行操作的一点思考(参考黑金教程:Verilog HDL那些事 建模篇) 沉沉_
    void 指针 (转载) 沉沉_
    C语言的体系结构main函数存在的必然性(听杨力祥老师的课) 沉沉_
    转载:VC6.0中容易遇到的错误。http://hi.baidu.com/%C8%FD%C9%EE/blog/item/4a756ff2cb6bdb19b07ec5df.html 沉沉_
  • 原文地址:https://www.cnblogs.com/evlon/p/1009286.html
Copyright © 2011-2022 走看看