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>
  • 相关阅读:
    反射学习笔记
    路由机制
    缓存笔记
    进程和线程
    垃圾回收机制
    堆和栈
    值类型和引用类型及参数传递
    招到一个程序员很难吗?
    全面讲解:委托、事件
    struts2入门实例
  • 原文地址:https://www.cnblogs.com/wspblog/p/6097084.html
Copyright © 2011-2022 走看看