zoukankan      html  css  js  c++  java
  • 多列居中等高布局

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>CSS</title>
    <style type="text/css">
    *{
     margin:0;
     padding:0;
     font-size:12px;
    }
    #wrap{
     overflow:hidden;
     670px;
     margin:10px auto;
     padding-bottom:10px;
     position:relative;
    }
    .box{
        float:left;
        display:inline;
        margin-top:10px;
        190px;
        background:url(1.jpg) #c8c8c8 no-repeat;
        margin-left:10px;
        padding:10px;
        padding-bottom:820px;
        margin-bottom:-800px;
    }
    .bottom{
        background:url(2.jpg) #c8c8c8 no-repeat bottom left;
        position:absolute;
        210px;
        height:13px;
        bottom:0;
        margin-left:-10px;
    }
    </style>
    </head>
    <body>
    <div id="wrap">
        <div class="box">
            <h1>CSS实现三列DIV等高布局</h1>
            <p>这确实是个很简单的问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技巧,它一定可以帮助你解决这个头痛的问题。</p>
            <div class="bottom"></div>
        </div>
        <div class="box">
            <h1>三列DIV等高</h1>
            <p>这确实是个很简单的问题,也许你也已经相当熟悉,但很多人还不知道问题,也许你也已经相当熟悉,但很多人还不知道问题,也许你也已经相当熟悉,但很多人还不知道问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技巧,它一定可以帮助你解决这个头痛的问题。这确实是个很简单的问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技巧,它一定可以帮助你解决这个头痛。</p>
            <div class="bottom"></div>
        </div>
        <div class="box">
            <h1>CSS实现</h1>
            <p>这确实是个很简单的问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技巧,它一定可以帮助你解决这个头痛的问题。这确实是个很简单的问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技巧,它一定可以帮助你解决这个头痛的问题。</p>
            <div class="bottom"></div>
        </div>
    </div>
    </body>
    </html>
    

      

    CSS

    CSS实现三列DIV等高布局

    这确实是个很简单的问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技巧,它一定可以帮助你解决这个头痛的问题。

     

    三列DIV等高

    这确实是个很简单的问题,也许你也已经相当熟悉,但很多人还不知道问题,也许你也已经相当熟悉,但很多人还不知道问题,也许你也已经相当熟悉,但很多人还不知道问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技还不知道问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技巧,它一定可以帮助你解决这个头痛的问题。这确实是个很简单的问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技巧,它一定可以帮助你解决这个头痛。

     

    CSS实现

    这确实是个很简单的问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技巧,它一定可以帮助你解决这个头痛的问题。这确实是个很简单的问题,也许你也已经相当熟悉,但很多人还不知道。下面介绍的技术是一个简捷的小技巧,它一定可以帮助你解决这个头痛的问题。

     
  • 相关阅读:
    App界面设计利器Sketch 精选案例合集
    破解有道词典在线翻译接口--python
    欧几里得算法/欧几里得扩展算法-python
    深浅拷贝--python(预习中随手写的。因为当时很无聊。。。)
    为tomcat动态添加jndi数据源信息
    四个年头
    使用Node.JS访问Hyperledger Fabric的gRPC服务
    Hyperledger fabric Client Node.js Hello World示例程序
    在IBM Bluemix上部署Hyperledger应用
    Hyperledger区块数据的访问
  • 原文地址:https://www.cnblogs.com/shenggen/p/5380640.html
Copyright © 2011-2022 走看看