zoukankan      html  css  js  c++  java
  • css 分栏高度自动相等

    方法2:

    <div class="ticket_table">
        <div class="ticket_l">
            <h3>全票</h3>
        </div>
        <div class="ticket_r">
            <div class="item">
                <span>蓬莱八仙过海景区</span><em>¥80元/人</em><a href="javascript:;">立即预订</a>
            </div>
            <div class="item">
                <span>蓬莱三仙山风景区</span><em>¥120元/人</em><a href="javascript:;">立即预订</a>
            </div>
            <div class="item">
                <span>蓬莱三仙山风景区</span><em>¥120元/人</em><a href="javascript:;">立即预订</a>
            </div>
            <div class="item">
                <span>蓬莱三仙山风景区</span><em>¥120元/人</em><a href="javascript:;">立即预订</a>
            </div>
        </div>
    </div>
    .inner_article_box .ticket_price .ticket_table{width:100%;overflow:hidden;height:100%;position:relative;}
    .inner_article_box .ticket_price .ticket_l{float:left;width:110px;border-left:1px solid #dbdbdb;border-top:1px solid #dbdbdb;background:#f9f9f9;overflow:hidden;height:100%;position: absolute;left:0;top: 0;}
    .inner_article_box .ticket_price .ticket_l h3{width:100%;position:absolute;top:50%;font-size:20px;font-weight:bold;color:#676767;margin-top:-15px;text-align:center;}
    .inner_article_box .ticket_price .ticket_r{float:right;width:646px;height:100%;border-left:1px solid #dbdbdb;border-top:1px solid #dbdbdb;}

    方法1:

    .inner_article_box .ticket_price .ticket_table{100%;overflow:hidden;height:100%;position:relative;}
    .inner_article_box .ticket_price .ticket_l{float:left;110px;overflow:hidden;height:100%;padding-bottom:3000px;margin-bottom:-3000px;}
    .inner_article_box .ticket_price .ticket_l h3{100%;font-size:20px;font-weight:bold;color:#676767;text-align:center;}
    .inner_article_box .ticket_price .ticket_r{float:right;646px;height:100%;}
  • 相关阅读:
    关于hadoop中datanode节点不同的dfs.data.dir之间数据均衡问题
    数据挖掘话题识别
    BlockTransferThrottler(hadoop中用于控制处理带宽的util类)
    调试工具BTrace 的使用例子
    关于源代码的阅读
    java中String的基本知识以及例子
    java中内存的使用
    MySql数据库操作遇到的蛋疼二三事
    在WCF中使用Ninject轻量级IOC框架 之 SOAP风格服务
    Socket实现发布订阅
  • 原文地址:https://www.cnblogs.com/alantao/p/6144348.html
Copyright © 2011-2022 走看看