• css -- 高度相等的列 -- 3列高度相等


    <div class="wrapper">
        <div class="box">
            <h1>wo shi hao ren</h1>
            <p>...</p>
            <div class="bottom"></div>
        </div>
    
        <div class="box">
            <h1>wo shi hao ren</h1>
            <p>...</p>
            <div class="bottom"></div>
        </div>
    
        <div class="box">
            <h1>wo shi hao ren</h1>
            <p>...</p>
            <div class="bottom"></div>
        </div>
    </div>
    .wrapper{
        width: 100%;
        overflow: hidden;
        position: relative;
    }
    .box{
        width: 250px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 520px;
        margin-bottom: 500px;
        margin-left: 20px;
        float: left;
        display: inline;
        background: url(../images/a.jpg) #ccc top left no-repeat;
    }
    .bottom{
        position: absolute;
        bottom: 0;
        height: 20px;
        width: 290px;
        background: url(../images/a.jpg) #ccc bottom left no-repeat;
        margin-left: -20px;
    }
  • 相关阅读:
    软件测试人员的要求
    冒烟测试和回归测试的区别
    [go]struct
    [go]socket编程
    [go]gorhill/cronexpr用go实现crontab
    [go]os/exec执行shell命令
    [go]time包
    [go]etcd使用
    [go]redis基本使用
    [go]go操作mysql
  • 原文地址:https://www.cnblogs.com/zhanghuiyun/p/5582493.html
Copyright © 2020-2023  润新知