zoukankan      html  css  js  c++  java
  • css实现上下左右布局

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title> </title>
    <style type="text/css">
    #head{
    height:40px;
    background-color:#0033CC;
    margin:0;
    }
    #content{
    background:#CCCCCC;
    height:200px;
    margin:0;
    }
    #left{
    width:20%;
    height:200px;
    background:#CCCC66;
    float:left;
    margin:0;
    }
    #c{
    width:60%;
    height:200px;
    background:red;
    margin:0;
    float:left;
    }
    #right{
    width:20%;
    height:200px;
    background:#339966;
    float:right;
    margin:0;
    }
    #foot{
    background:#0099CC;
    height:40px;
    margin:0;
    }
    </style>
    </head>
    <body>
    <div id="head">head</div>
    <div id="content">
      <div id="left">left</div>
      <div id="c">content</div>
      <div id="right">rigth</div>
    </div>
    <div id="foot">foot</div>
    </body>
    </html>

    来源http://www.cnblogs.com/8765h/p/3512116.html

  • 相关阅读:
    火柴排队sol
    国王游戏sol
    子串sol
    跳石头
    解方程sol
    花匠sol
    字符串整理
    计算系数
    矩阵取数游戏sol
    8.2_java_28
  • 原文地址:https://www.cnblogs.com/vactor/p/5035626.html
Copyright © 2011-2022 走看看