                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

padding-bottom没体现出来

为什么会一直往下写出来

SayHiTo

2016-02-21

源自：初识HTML(5)+CSS(3)-升级版 12-13

关注问题我要回答

3488

操作

收起

6 回答

安暖412
2017-03-22

看不懂

0 回复有任何疑惑可以回复我~

收起回答

忆_卿
2016-04-20

你把margin先设置 marigin:10px 然后再设置为300px; 去页面运行，不要在这个编辑器上运行，如果你还是看不出来效果，那你在页面按F12吧。

0 回复有任何疑惑可以回复我~

收起回答

忆_卿
2016-04-20

你想表达什么 - - 你说的padding-bottom是指 box1 还是box2》？

0 回复有任何疑惑可以回复我~

收起回答

SayHiTo 提问者
2016-02-21

<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>填充</title>
    <style type="text/css">
        #box{
            width:100px;
            border:10px dashed red;
            padding:100px;

        }
        p{
            width:100px;
            height:100px;
            overflow: hidden;
        }
        .box2{width:200px;height:200px;border:20px dashed green;padding:50px;margin:100px; overflow: hidden;}
    </style>
</head>
<body>
<div id="box">
    <p>盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子
盒子盒子盒子盒子盒子盒子盒子
    盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子
    盒子盒子盒子盒子盒子盒子盒子盒子
    盒子盒子盒子盒子盒子盒子盒子盒子
    </p>
    </div>
<div class="box2">箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子
    箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子
    箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子
    箱子箱子箱子</div>
</body>
<html>

0 回复有任何疑惑可以回复我~

收起回答

SayHiTo 提问者
2016-02-21

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>填充</title>
<style type="text/css">
#box{width:100px;
height:100px;
border:10px dashed red;
padding:100px;
}
.box2{width:200px;height:200px;border:20px dashed green;padding:50px;margin:100px;}
</style>
</head>
<body>
<div id="box">盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子
盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子盒子</div>
<div class="box2">箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子
箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子
箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子箱子
箱子箱子箱子</div>
</body>
</html>