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

  • 相关阅读:
    第八周上机作业
    第七次作业
    第七周上机
    第六周作业
    4.9上机作业
    第五周作业
    第四周作业
    第二次上机作业
    第三周作业
    第九周上机练习
  • 原文地址:https://www.cnblogs.com/zqonline/p/950825.html
Copyright © 2011-2022 走看看