zoukankan      html  css  js  c++  java
  • 网页格式布局

    <style>
    #a
    {
        border:2px solid blue;
        height:100px;
        100px;
        background-color:#0F6;
        right:60px;
        bottom:70px;
        position:fixed;}
    .b
    {
        border:2px solid blue;
        height:100px;
        100px;
        background-color:#0F6;
        right:0px;
        bottom:0px;
        position:absolute;}
    .c
    {
        border:2px solid red;
        400px;
        height:200px;}
    .d
    {
        border:2px solid red;
        400px;
        height:200px;
        position:absolute;}
    #aaa
    {
        border:2px solid yellow;
        background-color:#9F3;
        height:100px;
        100px;
        left:30px;
        top:30px;
        position:fixed;}
    #bbb
    {
        border:2px solid yellow;
        background-color:#9F3;
        height:100px;
        100px;
        left:30px;
        top:30px;
        position:relative;}
    </style>
    </head>
    
    <body>
    <div id="a">广告招商</div>
    <div class="c">c<div class="b">b</div></div>
    <div class="d">d<div class="b">bb</div></div>
    <div id="aaa">aaa</div>
    <div id="bbb">bbb</div>
    
    
    </body>
    复制代码
    复制代码
    <style>
    #aaa
    {
        border:2px solid yellow;
        background-color:#9F3;
        height:100px;
        100px;
        left:30px;
        top:30px;
        position:fixed;
        overflow:visible;
        }
    #bbb
    {
        border:2px solid yellow;
        background-color:#9F3;
        height:100px;
        100px;
        left:60px;
        top:60px;
        position:relative;}
    #ccc
    {
        border:#0C0 solid 2px;
        height:300px;
        100px;
        float:right;}
        #ddd
    {
        border:#0C0 solid 2px;
        height:300px;
        100px;
        float:left;}
    </style>
    </head>
    
    <body><br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    <br />
    
    <div id="ccc">广告位置招商</div><div id="ddd">广告位ddd</div><div id="ddd">广告位eee</div><div id="ccc">广告位置招商fff</div>
    <!--<div id="aaa">aaa<div id="bbb">bbb</div></div> -->
  • 相关阅读:
    Mina之session
    GNU C 、ANSI C、标准C、标准c++区别和联系
    SOCKET CLOSE_WAIT 搜集
    [转]二维数组和二级指针的传递问题
    Linux下C语言线程池的实现(1)
    MINA2 之日志配置
    mina里的死锁检测
    MINA2中的拆包组包的处理及一些方法
    void及void指针含义的深刻解析
    JS轻松实现单击文本框弹出选择日期
  • 原文地址:https://www.cnblogs.com/dianfu123/p/5319398.html
Copyright © 2011-2022 走看看