CSS两列布局之左侧适应，右侧固定3种方式_html/css_WEB-ITnose

第一种：左侧用margin-right，右侧float：right

CSS代码：

html,        body,ul,li        #wrapper {            width: 100%;            height: 100%;            padding: 0;            margin: 0;        }                .left,        .right {            min-height: 500px;            border: 0;        }                .left {            background-color: #999999;            margin-right: 151px;                    }                /*左适应右固定第一种*/        .right {            background-color: #808080;            width: 150px;            float: right;        }                .content {            background-color: #CCCCCC;            /*padding-right: 150px;*/            /*width: 100%;*/        }                .content li{            float: left;            width: 150px;        } 

html代码：

            
                右侧菜单

      
查看更多关于CSS两列布局之左侧适应，右侧固定3种方式_html/css_WEB-ITnose的详细内容...
        

          
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did111447