zoukankan      html  css  js  c++  java
  • html之左边不动右边内容自动修剪并出现滚动轮查看剩余内容

    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <style>
            body{
                margin:0;
            }
        </style>
    </head>
    <body>
        <div style="height: 30px;background-color: #4ccdea">
    
        </div>
        <div>
            <div style="float: left;position: absolute;left: 0;top: 30px;bottom: 0;    background-color: #168258; 200px;">
            a
            </div>
    
            <div style="background-color: #dd84b0; position: absolute;right: 0;bottom: 0;left:200px;top:30px;  float: left;overflow: auto">
                <!--<div style="overflow: auto">-->
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
                <p>adssdsd</p>
            <!--</div>-->
        </div>
    
    
        </div>
    </body>
    </html>
  • 相关阅读:
    spirngmvc整合mybatis
    C#微信支付
    centos mysql数据库主从同步
    centos 搭建ftp
    修改 Docker 默认网桥地址
    安装docker
    脚本自动化装centos6.5 python2.6升级2.7
    centos6.5 python2.6升级2.7
    weblogic 安装及发布web应用
    centos6.5安装pip方法
  • 原文地址:https://www.cnblogs.com/wspblog/p/6097084.html
Copyright © 2011-2022 走看看