padding实现居中

来源:互联网 发布:linq去除重复数据 编辑:程序博客网 时间:2024/06/05 14:42
<!DOCTYPE html><html><head>  <meta charset="utf-8">  <title></title>  <style>    * {      margin: 0;      padding: 0;    }    .f {      width: 650px;      height: 400px;      background: yellow;      /*      如何保持盒子整体大小不变,那么增加padding时,width,height对应减小      */      padding-left: 150px;      padding-top: 100px;    }    .s {      width: 500px;      height: 300px;      background: blue;    }  </style></head><body>  <div class="f">    <div class="s"></div>  </div></body></html>

原创粉丝点击