zoukankan      html  css  js  c++  java
  • 等高布局

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>等高布局</title>
    <style>
    .box{width:800px;margin:100px auto;overflow:hidden;}
    .left{width:300px;background:red;padding-bottom:2000px;margin-bottom:-2000px;float:left;}
    .right{width:500px;background:green;padding-bottom:2000px;margin-bottom:-2000px;float:left;}
    </style>
    </head>
    
    <body>
    <div class="box">
        <div class="left">
            尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试添      尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试      尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试      尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试      尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试      尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试      尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试加内容尝试添加内容
            尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试添加内容尝试添加内容
        </div>
        <div class="right">aa</div>
    </div>
    </body>
    </html>
  • 相关阅读:
    第二章 信息的表示和处理(下)
    第二章 信息的表示和处理
    IDEA中新建子模块
    手动实现一个可重入锁
    Lock接口的认识和使用
    JDK提供的原子类原理与使用
    深入理解volatile原理与使用
    模拟死锁
    模拟自旋锁
    grep 如何自动标注颜色
  • 原文地址:https://www.cnblogs.com/tinyphp/p/3643448.html
Copyright © 2011-2022 走看看