zoukankan html css js c++ java

02-CSS基础与进阶-day6_2018-09-05-21-42-09

盒子尺寸

06padding不会影响盒子尺寸.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
       * {
             padding: 0;
             margin: 0;
       }
       div:first-child {
              height: 300px;
              border: 1px solid blue;
              padding-left: 200px; /*盒子没有设置宽度  padding不会影响盒子的宽度*/
              padding-top: 10px;
       }

       div:last-child {
              width: 300px;
              height: 40px;
              border: 1px solid pink;
       }

       p {
            height: 20px;
            background-color: yellowgreen;
            padding-left: 100px;
       }
    </style>
</head>
<body>
    <div>奔跑吧 兄弟</div>
    <div>
        <p>
           摔跤吧 爸爸
        </p>
    </div>
</body>
</html>

查看全文

相关阅读:
日历
 复数的运算
 大数的计算
 poj 1562
POJ 1002
利用正则表达式检测违禁字
 js实现一个闹钟
 jQuery实现五星好评
 jquery实现计算器功能
 横向轮播图

原文地址：https://www.cnblogs.com/HiJackykun/p/11061530.html