padding-bottom没体现出来
SayHiTo
2016-02-21 14:23
padding-bottom没体现出来
为什么会一直往下写出来
6回答
-
- 安暖412
- 2017-03-22 13:36:58
看不懂
-
- 忆_卿
- 2016-04-20 11:57:28
你把margin先设置 marigin:10px 然后再设置为300px; 去页面运行，不要在这个编辑器上运行，如果你还是看不出来效果，那你在 页面按F12吧。
-
- 忆_卿
- 2016-04-20 11:46:26
你想表达什么 - - 你说的padding-bottom是指 box1 还是box2》？
-
- SayHiTo
- 2016-02-21 14:43:05
<!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> -
- SayHiTo
- 2016-02-21 14:35:53
<!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> -
- sc_fighting
- 2016-02-21 14:31:53
下边加个块级元素，就能体现出来了；
初识HTML(5)+CSS(3)-升级版
1225297 学习 · 18230 问题
相似问题