大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
本篇内容介绍了“CSS长度单位em怎么使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!
成都创新互联公司成立与2013年,先为灵宝等服务建站,灵宝等地企业,进行企业商务咨询服务。为灵宝企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
一、为什么使用em
em也是css中的一种单位,和px类似。很多人会疑惑为什么有了px之后还要使用em,而且em使用起来相对于px来讲比较麻烦。
em主要是应用于弹性布局,下面给出一个小栗子说明em的强大之处
*{
margin:0;
padding:0;
}
ul{
list-style:none;
}
.top{
height:80px;
background-color:black;
}
.main{
width:960px;
background-color:#ccc;
margin:0auto;
overflow:hidden;
}
.left{
width:30%;
height:100%;
background-color:aqua;
border:1pxsolidred;
float:left;
font-size:16px;
line-height:18px;
}
.right{
width:60%;
height:100%;
font-size:1em;
line-height:1.125em;
background-color:deeppink;
border:1pxsolidred;
float:right;
}