zoukankan      html  css  js  c++  java
  • 使用jquery进行三栏式布局,左右定宽,中间自适应 代码

    canrun

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
      <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
      <title></title>
      <script src="http://common.cnblogs.com/script/jquery.js" type="text/javascript"></script>
      <script type="text/javascript">
              var jq = jQuery.noConflict();
                    function pos(){
                             var jq = jQuery.noConflict();
                            var main =  jq(window).width();
                            var left =  jq(".left").width();
                            var right = jq(".right").width();
                            var middle = main - left- right;
                            jq(".middle").css("width",middle);
                    }
                    jq(document).ready(function(){
                                    pos();
                            });
    
                    jq(window).resize(function() {
                                    pos();
                            });
      </script>
      <style type="text/css">
    /*<![CDATA[*/
            *{margin:0px;padding:0px;}
      /*]]>*/
      </style>
    </head>
    <body>
      <div class="100%;">
        <div class="left" style="100px;background:#000;float:left;height:300px;">
          &nbsp;
        </div>
        <div class="middle" style="background:#f60;float:left;height:300px;">
          &nbsp;
        </div>
        <div class="right" style="100px;background:#000;float:right;height:300px;">
          &nbsp;
        </div>
      </div>
    </body>
    </html>
  • 相关阅读:
    IOS之Block的应用-textFeild的回调应用
    KVC与KVO的不同
    git
    perl读取excel
    Linux用户管理
    Linux软件包的管理
    linux系统学习(二)
    linux系统学习(一)
    js模版渲染
    Discuz核心函数的解析
  • 原文地址:https://www.cnblogs.com/meetrice/p/2867266.html
Copyright © 2011-2022 走看看