...-慕课网

                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /企业网站综合布局实战

给一个盒子设置左右填充分别为10px和20px后，如果要求盒子在页面中占的总宽度不变，那么应该让盒子的宽度减少多少像素？填充不是盒子内边距？那么盒子的大小不是不变的吗？应该不需要减小。。。

鬼球_

2014-10-24

源自：企业网站综合布局实战 2-2

关注问题我要回答

1354

操作

收起

4 回答

专业课不到90分不改网名
2020-10-01

盒子的width和height指的是内容的长宽，padding是内边距盒子大小包括内容的长宽，以及padding的长宽

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

珞珈
2014-10-27

<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<style>
	.c1{
		padding-left: 50px;
		padding-right: 30px;
		width:100px;
		background-color: black;
		height: 100px;
	}
	.c2{
		width:100px;
		background-color: yellow;
		height: 100px;
	}	
	</style>
</head>
<body>
	<div class="c2"></div>
	<div class="c1"></div>
</body>
</html>

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

珞珈
2014-10-27

padding 是会改变盒子模型大小的，不信你可以实验一下

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

珞珈
2014-10-27

padding 是会改变盒子模型大小的，不信你可以实验一下

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

举报

0/150

提交

取消

企业网站综合布局实战

参与学习 157068 人
解答问题 2157 个

本课程重点介绍HTML/CSS实现常见企业网站布局的方法

本课相似问答

14 回答

13 回答

11 回答

7 回答

10 回答

搜索更多本课相关问答

我要回答关注问题

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

扫描二维码
关注慕课网微信公众号