前端web网页制作%和em的区别

最新推荐文章于 2024-07-28 20:57:17 发布

没人看的垃圾博客

最新推荐文章于 2024-07-28 20:57:17 发布

阅读量1.1k

点赞数 2

分类专栏： web基础文章标签： HTML单位

本文链接：https://blog.csdn.net/jiwei_1234____5/article/details/83548816

版权

web基础专栏收录该内容

1 篇文章 0 订阅

订阅专栏

简单来说%是浏览器百分比单位，em是电脑屏幕的百分比单位

<!DOCTYPE html>
<html>
<head>
 <meta charset="utf-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
 <title></title>
 <link rel="stylesheet" href="">
</head>
<style type="text/css" media="screen">
 *{
  padding: 0px;
  margin: 0px;
 }
 .bigbox{
  width: 100px;
  height: 100px;
  margin-left: 20%;
  background: red;
  float:left;
 }
 .smallbox{
        width: 100px;
        height: 100px;
        margin-left:20em;
        background:yellow;
       
 }
 body{
  background: #2FB0FF;
 }
</style>
<body >
 <div class="bigbox">
  
 </div>
 <div class="smallbox">
   
 </div>
</body>
</html>

在这里插入图片描述