• 网页格式布局


    <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> -->
  • 相关阅读:
    CentOS7 设置软件镜像源
    让树莓派自动上报IP地址到邮箱,二代B
    给树莓派安装看门狗的两种方法,二代B
    树莓派(Raspberry Pi)USB无线网卡自动连接,二代B
    升级MAC OX上的Python到3.4
    http 返回码 405 解决方案之一
    CentOS 6.4 SSH 免密码登录
    SVN的Hooks功能--强制添加注释
    PHP开发中,让var_dump调试函数输出更美观 ^_^#
    CentOS 6.4 命令行 安装 VMware Tools
  • 原文地址:https://www.cnblogs.com/dianfu123/p/5319398.html
Copyright © 2020-2023  润新知