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

  • 相关阅读:
    c# 面相对象4-多态性
    c# 面相对象3-之继承性
    c# 面相对象2-之封装性
    面向对象和面向过程的区别
    <title>下拉菜单</title>
    15-07-31 javascript--事件
    DOM操作
    格式与布局
    c# 函数相关练习
    c# 哈希表集合;函数
  • 原文地址:https://www.cnblogs.com/vactor/p/5035626.html
Copyright © 2011-2022 走看看