zoukankan      html  css  js  c++  java
  • 左栏固定,右栏自适应

    方法1:

    <style>

            body{ margin:0; height:100%}

            html{ height:100%} /*兼容firefox的div高度100%*/

            #left{ position:absolute; top:0; left:0; 200px; height:100%; background-color:#CCCCCC}

            #right{ margin-left:200px; height:100%; background-color:#0099FF}

    </style>

    方法2:

    <style>

            body{ margin:0; height:100%}

            html{ height:100%} /*兼容firefox的div高度100%*/

            #left{ 150px; height:100%; float:left;  ">#right{ height:100%; background-color: green }

    </style>

    方法3:

    <style>

            body{ margin:0; height:100%}

            html{ height:100%} /*兼容firefox的div高度100%*/

            #left{ 200px; height:100%; background-color:#CCCCCC; float:left}

            #right{ 100%; height:100%; background-color:#0099FF}

    </style>

  • 相关阅读:
    「WC2021」表达式求值
    [补]「WC2021」括号路径
    「CEOI2020」星际迷航
    「CEOI2018」斐波那契表示法
    CF913F
    CF1017G The Tree
    NOI2020 超现实树
    LOJ 6714 Stupid Product
    LOJ 575. 不等关系
    CF1267G
  • 原文地址:https://www.cnblogs.com/cdx0/p/css_twoPart.html
Copyright © 2011-2022 走看看