zoukankan html css js c++ java

HTML—格式布局

<style>
#a
{
    border:2px solid blue;
    height:100px;
    width:100px;
    background-color:#0F6;
    right:60px;
    bottom:70px;
    position:fixed;}
.b
{
    border:2px solid blue;
    height:100px;
    width:100px;
    background-color:#0F6;
    right:0px;
    bottom:0px;
    position:absolute;}
.c
{
    border:2px solid red;
    width:400px;
    height:200px;}
.d
{
    border:2px solid red;
    width:400px;
    height:200px;
    position:absolute;}
#aaa
{
    border:2px solid yellow;
    background-color:#9F3;
    height:100px;
    width:100px;
    left:30px;
    top:30px;
    position:fixed;}
#bbb
{
    border:2px solid yellow;
    background-color:#9F3;
    height:100px;
    width: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;
    width:100px;
    left:30px;
    top:30px;
    position:fixed;
    overflow:visible;
    }
#bbb
{
    border:2px solid yellow;
    background-color:#9F3;
    height:100px;
    width:100px;
    left:60px;
    top:60px;
    position:relative;}
#ccc
{
    border:#0C0 solid 2px;
    height:300px;
    width:100px;
    float:right;}
    #ddd
{
    border:#0C0 solid 2px;
    height:300px;
    width: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> -->

style

查看全文

相关阅读:
c#多线程控制
 SQL解析XML文件
 c#时间差高精度检查
 SQL Server数据库级别触发器
 c#做对比软件
 项目管理开源软件
 信息量、信息熵、交叉熵、相对熵
 GAN评价指标之mode score
Fréchet Inception Distance（FID）
图片的多样性之模式崩溃

原文地址：https://www.cnblogs.com/mantou1314/p/5312435.html