zoukankan      html  css  js  c++  java
  • 三列中间自适应布局--(来自网易)

    <div class="g-bd5 f-cb">
        <div class="g-sd51">
            <p>左侧定宽</p>
        </div>
        <div class="g-mn5">
            <div class="g-mn5c">
                <p>中间自适应</p>
            </div>
        </div>
        <div class="g-sd52">
            <p>右侧定宽</p>
        </div>
    </div>
    /* 三列中间自适应布局 */
    .g-bd5{margin:0 0 10px;}
    .g-sd51,.g-sd52{position:relative;float:left;230px;margin:0 -230px 0 0;}
    .g-sd52{float:right;190px;margin:0 0 0 -190px;}
    .g-mn5{float:left;100%;}
    .g-mn5c{margin:0 200px 0 240px;}

    左侧定宽

    中间自适应

    右侧定宽

  • 相关阅读:
    html页面自适应宽度
    Angularjs Select获取数组下标
    spring boot集成mybatis分页插件
    百度分享实现https
    nginx自定义错误页面
    nginx代理tomcat
    Nginx配置SSL证书
    Nginx安装
    xmlns:amq="http://activemq.apache.org/schema/core"报错
    ActiveMQ
  • 原文地址:https://www.cnblogs.com/LoveOrHate/p/4451671.html
Copyright © 2011-2022 走看看