CSS入门教程:什么是百分比类型

网络整理 - 07-27

css入门教程,本文我们来学习下比较容易理解的百分比类型。

示例body{margin: 0;}div{width: 50%;}

div的宽度为整个网页50%

下面是演示代码,你可以试一下效果:

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  <title>css入门教程:什么是百分比类型示例</title>  
  <style type="text/css" media="all">
   body
   {
    margin: 0;
   }
   
   div
   {
    width: 50%;
    background-color: blue;
    color: white;
   }
  </style>
 </head>
 <body>
  <div>
   div的宽度为整个网页50%
  </div>

 </body>
</html>