为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我设置的盒子不往下移动而是和背景图重叠在一起? padding不管用啊


<html>

<head>

<title>.</title>

<style type="text/css">

.conten{border:2px solid gray;padding:350px;}

.book{border:2px solid gray;background:url(21&gp0.jpg)no-repeat blue;}

img{margin:10px 10px;width:225px;height:200px;

</style>

</head>


<body>

<div class="content book">

<img src="32072_1294470_bee08.jpg">

<img src="32072_1294474_9a496.jpg">

<img src="32072_1294495_743f0.jpg">

</div>

</body>

</html>


正在回答

3 回答

padding是一个内边距,就是图片和边框之间的距离,不会影响图片大小

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

另外我想问,为什么图片挡住了要设置的是padding而不是margin??padding不是在背景层前么?岂不是还是会挡住??还有就是设置了padding后图片的边框会变大吗?

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

.conten{border:2px solid gray;padding:350px;}

<div class="content book">

是content不是conten。注意细节

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

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214707    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程

为什么我设置的盒子不往下移动而是和背景图重叠在一起? padding不管用啊

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信