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

  • 相关阅读:
    vue router 跳转动画
    less 循环
    在iconfont上批量下载图标
    function(h)
    三元表达式
    CSS3 object-fit 属性
    MaC 修改MySQL密码
    CSS3 animation 属性
    css控制文字超过2行不显示
    ionic动画
  • 原文地址:https://www.cnblogs.com/zqonline/p/950825.html
Copyright © 2011-2022 走看看