Web前端：HTML+CSS百分比布局，内容（文字和图片等）大小随着放大缩小而缩放

最新推荐文章于 2024-08-14 19:32:44 发布

Orlando_奥尔兰多

最新推荐文章于 2024-08-14 19:32:44 发布

阅读量6.7k

点赞数 2

分类专栏：前端文章标签：页面布局

本文链接：https://blog.csdn.net/qq_41612292/article/details/83343839

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

以下是一个Dome

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
list-style-type: none;
text-decoration: none;
}

#Div {
width: 90%;
border: 1px solid #000;
margin: 0px auto;
overflow: auto;
}

.d1 {
width: 30%;

border: 1px solid #f00;
float: left;
margin-left: 2.25%;
margin-top:2%;
}
</style>
</head>
<body>
<div id="Div">
<div class="d1">2312313</div>
<div class="d1">213123123</div>
<div class="d1">123123123</div>
<div class="d1">21312312</div>
<div class="d1"></div>
<div class="d1"></div>
<div class="d1"></div>
<div class="d1"></div>
<div class="d1"></div>
</div>
</body>
</html>