• 网页格式布局


    <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> -->
  • 相关阅读:
    String与其他类型的转换
    Java并发(5):同步容器
    Java并发(4):ThreadLocal
    Java并发(2):Lock
    Java并发(1):synchronized
    Java并发之——线程池
    每天一个设计模式(7):单例模式
    Java集合(9):ConcurrentHashMap
    10 常用端口和Web 页面请求过程
    9 应用协议
  • 原文地址:https://www.cnblogs.com/dianfu123/p/5319398.html
Copyright © 2020-2023  润新知