网页格式布局

最新推荐文章于 2023-10-12 23:00:27 发布

宵蓝

最新推荐文章于 2023-10-12 23:00:27 发布

阅读量113

点赞数

原文链接：http://www.cnblogs.com/dianfu123/p/5319398.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> -->

转载于:https://www.cnblogs.com/dianfu123/p/5319398.html

宵蓝

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
网页格式布局

<style>#a{ border:2px solid blue; height:100px; width:100px; background-color:#0F6; right:60px; bottom:70px; position:fixed;}.b{ border:2px...
复制链接

扫一扫