zoukankan      html  css  js  c++  java
  • 纯css实现两列等高

    <!doctype html>
    <html>
    <head>
    <meta />
    <title>Title</title>
    <style type="text/css">  
    *{ margin:0; padding:0;}
    .wrap { margin: 0 auto; width: 600px; clear: both; overflow: hidden; } 
    .left {margin-bottom: -8000px; padding-bottom: 8000px; width: 300px; float: left; background: #f00; }
    .right {margin-bottom: -8000px; padding-bottom: 8000px; width: 200px; float: right; background: #0f0; }
    </style>
      
    </head>
    
    <body>
    <div class="wrap">
        <div class="left">
            <p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p> 
        </div>
        <div class="right">
            <p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text t text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text </p>
        </div>
    </div>
    </body>
    </html>

    原理: 父盒子包含两个div,这两个div的不用写高度,而是都写上padding-bottom: 10000px;margin-bottom: -10000px;然后给父盒子加是overflow:hidden;如果填充这两个div,较高的那个div的高度将决定父盒子的高度。

  • 相关阅读:
    MySQL不支持事务处理的解决方法
    一般是HTTP_ACCEPT这个服务器变量中如果包含如下几个字符串,就可以判断是手机
    传入http请求的UserAgent 根据它判断是手机还是电脑发送过来的请求
    pageHtml.cs
    分享QQ空间js代码
    sql游标模板
    IIS 7.5 配置伪静态-
    C:WindowsSystem32driversetc
    在 IIS7 URLRewriter重写配置
    [ASP.net教程]vs2012创建mvc4项目部署iis所遇到的问题
  • 原文地址:https://www.cnblogs.com/darkterror/p/5212613.html
Copyright © 2011-2022 走看看