页面排版

最新推荐文章于 2021-11-07 18:26:59 发布

老子是菜鸟

最新推荐文章于 2021-11-07 18:26:59 发布

阅读量596

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/zxcainiao/article/details/74360773

版权

html 专栏收录该内容

18 篇文章 1 订阅

订阅专栏

<html>
<head>
<title>页面排版</title>
<style>

#shang {
border: 1px solid red;
width: 100%;
height: 100px;
background-color: black;
}

#left {
float: left;
border: 1px solid red;
width: 33.3%;
height: 89.5%;
background-color: green;
}

#center {
float: left;
border: 1px solid red;
width: 33.3%;
height: 89.5%;
background-color: blue;
}

#right {
float: left;
border: 1px solid red;
width: 33%;
height: 89.5%;
background-color: yellow;
}

</style>
</head>
<body>
<div id="shang"></div>
<div id="left"></div>
<div id="center"></div>
<div id="right"></div>
</body>

</html>