• DIV+CSS三列式布局的实现方法


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

    <!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;
           }
          
        #header {
                800px;
                height:100px;
                margin:0 auto;
            }
        #divall {
                800px;
                margin:0 auto;
                background:#06f;
                height:300px;
            }
        #footer {
                800px;
                height:60px;
                margin:0 auto;
                background:#999;
                clear:both;
            }  
         #sider_a{
                200px;
                float:left;
                background:#f93;
               }
         #main{
                float:left;
                background:#dceafc;
                margin-left:5px;
                500px;
            }
         #sider_b{
                float:right;
                90px;
                background:#ccc;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <div id="header" >
                sdfsdf</div>
            <div id="divall">
                <div id="sider_a" >
                    sdfsdf</div>
                <div id="main">
                    sdf</div>
                <div id="sider_b">
                    sdfsdf</div>
            </div>
            <div  id="footer" >
                sdfsdfsfsdf</div>
        </form>
    </body>
    </html>


    http://www.52css.com/article.asp?id=574
  • 相关阅读:
    JavaScript—飞机大战
    JavaScript—瀑布流
    JavaScript—原生轮播和无缝滚动
    JavaScript—封装animte动画函数
    JavaScript—offset、client、scroll
    JavaScript—对象创建方式
    JavaScript—var lef const区别
    P1352 没有上司的舞会 题解
    P1829 [国家集训队]Crash的数字表格 / JZPTAB 题解
    P2522 [HAOI2011]Problem b 题解
  • 原文地址:https://www.cnblogs.com/zqonline/p/950805.html
Copyright © 2020-2023  润新知