三行两列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>
原文地址:https://www.cnblogs.com/evlon/p/1009286.html