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

盒子中内容不随边距而改变位置

我把padding-bottom设置为0，这不是说盒子中的内容与边框底距离为0px吗，怎么内容还是在盒子的左上角？要是想设置盒子中内容位置要怎么做？

墨格

2016-10-16

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

关注问题我要回答

2003

操作

收起

7 回答

DonghuiWang
2016-12-09

我觉得这个课程有点问题，你可以去W3CSchool

<p><a href="http://www.w3schools.com/css/tryit.asp?filename=trycss_padding_sides">Padding</a>查看试一下</p>

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

收起回答

摘星的你0
2016-10-16

冒号问题

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

收起回答

vaceo11274204297
2016-10-16

首先 padding：20px 30px 0px 20px; 这个冒号不英文的，所以代码无效

padding 是指内容的填充，意思也就是留白。具体可参照盒子模型的宽度与长度中的图片，计算你所需要的位置。

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

收起回答

摘星的你0
2016-10-16

在盒子里面加一个p标签，然后设置p标签的格式就可以实现了

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>填充</title>
<style type="text/css">
#box1{
    width:100px;
    height:100px;
    padding：20px 30px 0px 20px;
    border:1px solid red;
}
p{padding：20px 30px 0px 20px;}
</style>
</head>
<body>
<div id="box1"><p>盒子1</p></div>
</body>
</html>