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

没有听明白滚动容器上下留白

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

*{margin:0px;padding:0px;}

.box{

background:grey;

padding:50px 0px;

}

img{width:150px;height:300px;}

</style>

</head>

<body>

<div>

<img src="psb.jpg">

</div>

</body>

</html>

给父容器使用padding:50px 0px;图片上下都有留白啊

正在回答

1 回答

"padding:50px 0px;",从盒子模型上理解是正确的,但是浏览器世界因为各种内核等原因,浏览器对这些参数的理解并不相同,是否能行要看具体是哪种浏览器以及浏览器的哪种版本,这种方式兼容性不强,只能被少数浏览器正确识别。

"margin:50px 0px;",从盒子模型上理解也是正确的,且这种方法的兼容性要好很多,绝大多数浏览器都能正常显示。

2 回复 有任何疑惑可以回复我~
#1

风到这里就是粘 提问者

非常感谢!
2017-07-21 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

没有听明白滚动容器上下留白

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