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实现

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

     
  • 相关阅读:
    C# 哈希表
    C# 连接SQL Server数据库的连接字符串<转>
    C# ADO.NET中的五个主要对象<转>
    C# integrated security=SSPI<转>
    C# ADO.NET访问SQL Server数据库<转>
    C# .NET 页面间传值的几种方法<转>
    C# Datatable删除行的Delete和Remove方法
    C# DataTable转json
    CSP2019 爆炸记
    停更通知
  • 原文地址:https://www.cnblogs.com/shenggen/p/5380640.html
Copyright © 2011-2022 走看看