box-sizing

田

发布于 2021-11-08 11:33:14

3670

发布于 2021-11-08 11:33:14

文章被收录于专栏：IT杂症

<!DOCTYPE html>
<html lang="en">    
   <head>
       <meta charset="UTF-8" />
       <title>
           Document
       </title>
       <link rel="stylesheet" type="text/css" href="http://i.lookcss.com/reset.css"
       />
       <style type="text/css">
           body{ background: #555;} .main{width: 800px; height: 500px; } .inner{width:
           100%;height: 100%; background: #0f0; } .wrap{width:inherit;height:100%;
           border:10px solid #e00; box-sizing: border-box; }

       </style>
   </head>
   
   <body>
       <div class="main">
           <div class="inner">
               <div class="wrap">
               </div>
           </div>
       </div>
   </body>
</html>

box-sizing: content-box;
box-sizing: padding-box;
box-sizing: border-box;
box-sizing: inherit;

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2015年12月22日，如有侵权请联系 cloudcommunity@tencent.com 删除

border