html中页面布局

最新推荐文章于 2023-04-14 11:05:01 发布

柚子+

最新推荐文章于 2023-04-14 11:05:01 发布

阅读量124

点赞数

文章标签： html

先上代码：

<head>
  <frameset row/cols="%/px" >
  <frame src="01.html" name="02" >
  </frame>
 <frame src="02.html" name="02"></frame>
 </frameset>
</head>


<head>
<style>
.wrap{
            margin:0 auto;
            width:80%;
        }
        #left{
            width:200px;
            height:500px;
            background: #ccffff;
            float: left;
        }
        #right{
            height: 500px;
            background: #ffcccc;
            margin-left:200px;
        }
</style>
</head>

<body>
<div class="wrap">
    <aside id="left"></aside>
    <section id="right"></section>
</div>
</body>