我非常不明白，为什么我的图会被挤下去，但是取消了内边距之后又能正常
来源：2-4 自由编程
见信
2019-05-30 00:05:06
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Document</title>
<link rel="stylesheet" type="text/css" href="grid.css">
<style type="text/css">
</style>
</head>
<body>
<div>
<div class="col-12 col-sm-6 col-md-4 col-xl-2"><img src="img/1.jpg" alt="img"></div>
<div class="col-12 col-sm-6 col-md-4 col-xl-2"><img src="img/2.jpg" alt="img"></div>
<div class="col-12 col-sm-6 col-md-4 col-xl-2"><img src="img/3.jpg" alt="img"></div>
<div class="col-12 col-sm-6 col-md-4 col-xl-2"><img src="img/4.jpg" alt="img"></div>
<div class="col-12 col-sm-6 col-md-4 col-xl-2"><img src="img/5.jpg" alt="img"></div>
<div class="col-12 col-sm-6 col-md-4 col-xl-2"><img src="img/6.jpg" alt="img"></div>
</div>
</body>
</html>
3回答
-
好帮手慕码
2019-05-30
同学你好！
grid.css文件主要是用来写在不同屏幕分辨率中图片的不同宽度等（媒体查询问题），加上padding是为了撑开左右边距，比较美观。
至于内边距溢出，可以在当页面设置为*{box-sizing:border-box}就可以实现效果了。
同学在使用源码中的文件时候，建议先看下里面写了什么，再去使用哦~
如果帮助到了你 欢迎采纳 祝学习愉快~
0 -
见信
提问者
2019-05-30
我非常不明白，这个grid.css为什么不写*{box-sizing:border-box},真的很误导人。
0 -
见信
提问者
2019-05-30
那如果，我需要自己手动取消左右内边距，那这个文件它在明知道有内边距，会造成溢出的情况下还设置内边距的意义又在哪里呢？
0
相似问题
回答 9
回答 5