为什么我的第一个对象比我的网格CSS

时间:2017-11-10 05:47:37

标签: html css css3 grid css-grid

我想尝试在画廊中展示一些艺术画廊的图像,我正在使用CSS网格我是新手,我做得很好我只有一个问题我和我#39;有点卡在那里,我不知道为什么我会播放一些填充和大小参数它会影响更多网格显示的第一个对象棕褐色另一个,就像第一个比其他对象大,

that .wrpper don't listen to me

1 个答案:

答案 0 :(得分:1)

删除

grid-template-rows: 30%;

可以解决问题。

.wrapper{
  background-color: blue;
  padding: 65px;
  display: grid;
  float: right;
  grid-template-columns: 30%;
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  width: 70%;
  height: 1000px;
}

https://jsfiddle.net/21vbLaow/