zoukankan      html  css  js  c++  java
  • 左侧固定 右侧宽度自适应

    <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">
            * {
                padding: 0px;
                margin: 0px;
            }
    
            body {
                color: #FFF;
                font-size: 24px;
                text-align: center;
            }
    
            .left {
                width: 120px;
                height: auto !important;
                height: auto;
                min-height: 300px;
                float: left;
                background: #F00;
            }
    
            .right {
                width: 100%;
                height: 300px;
                background: #36F;
            }
    
            .container {
            }
    
            .foot {
                width: 100%;
                height: 30px;
                background: #000;
            }
        </style>
    </head>
    
    <body>
    <div class="container">
        <div class="left"><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/>
        </div>
        <div class="right"></div>
        <div style="clear:both"></div>
    </div>
    <div class="foot">footer</div>
    </body>
    </html>
  • 相关阅读:
    《Ubuntu标准教程》学习总结
    Ubuntu下安装VirtualBox并为其添加USB支持
    Eclipse下配置TinyOS开发环境
    Ubuntu下的网络服务
    Ubuntu12.04添加环境变量
    Ubuntu12.04下搭建Java环境
    poj 1066 线段相交
    poj 2653 (线段相交判断)
    poj 2398 (叉积+二分)
    hdu 4883 思维题
  • 原文地址:https://www.cnblogs.com/ganler1988/p/3197581.html
Copyright © 2011-2022 走看看