zoukankan      html  css  js  c++  java
  • 页面左边导航固定,右边自适应宽度

    模式一:

    <style type="text/css">
    div { height:300px; border:2px solid #306;}
    .left{300px; position:absolute; left:0; top:0;}
    .right{ margin-left:310px;}
    body{margin:0; padding:0;}
    </style>
    </head>
    
    <body>
        <div class="left"></div>
        <div class="right"></div>
    </body>

    模式二:

    <style type="text/css">
    div { height:300px; border:2px solid #306;}
    .left{300px; position:absolute; left:0; top:0;}
    .center{ margin-left:310px; margin-right:200px;}
    .right { 190px;position:absolute; right:0; top:0;}
    body{margin:0; padding:0;}
    </style>
    </head>
    
    <body>
        <div  class="center"></div>
        <div class="left"></div>
        <div class="right"></div>
    </body>
  • 相关阅读:
    面向对象编程
    面向对象编程进阶
    pycharm常用快捷键
    面向对象
    深拷贝和浅拷贝
    hashlib模块
    日志配置
    常用模块大全
    正则详解
    软件目录规范
  • 原文地址:https://www.cnblogs.com/wanliyuan/p/3696977.html
Copyright © 2011-2022 走看看