zoukankan      html  css  js  c++  java
  • 用DIV+CSS实现国内经典式三行两列布局

    <%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default4.aspx.vb" Inherits="Default4" %>

    <!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 runat="server">
        <title>无标题页</title>
        <style type="text/css">
        * {
            margin:0;
            padding:0;
            font-size:1em;
            height:90px;
            }
        #header {
            800px;
            margin:0 auto;
            }
        #containe {
            800px;
            margin:0 auto;
            height:300px;
            }
        #sidebar {
            254px;
            float:left;
            height:300px;
            }
        #main {
            float:right;
            540px;
            height:300px;
            }
        #footer {
            800px;
            height:60px;
            margin:0 auto;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <div id="header">
                sdfsdfsdf</div>
            <div id="containe" >
                <div id="sidebar" >
                    sdfsdfsdfsdfsdfsdf</div>
                <div id="main">
                    sdfsdfsdfsdfsdfdfssdfsdf</div>
            </div>
            <div id="footer">
                sdfsdfsdfsdf</div>
        </form>
    </body>
    </html>


    http://www.52css.com/article.asp?id=518

  • 相关阅读:
    web ERP前端技术选型
    poj1741 Tree 树的分治
    HDU4694 未AC
    zoj4100 Balanced Number 数位DP
    树的最小表示法 UVA 12489
    2013长沙网赛 I题 Grand Prix
    2013第八场多校
    2013第六场多校
    2013第五场多校
    ZOJ3724 树状数组+离线处理
  • 原文地址:https://www.cnblogs.com/zqonline/p/950825.html
Copyright © 2011-2022 走看看