Layout CSS上的3列或2列动态布局,未解释的空白

Layout CSS上的3列或2列动态布局,未解释的空白,layout,css-selectors,Layout,Css Selectors,出于某种原因,在最后两张图片之间有一个奇怪的空白。我试着清除左/右、swop图像,改变(第n个孩子)。我不知道为什么会出现这个空间。我的网址是suzannereeve.com 请帮忙 谢谢 在responsive.css第31行中,您有#gallery li:n个孩子(4n)。 将其更改为#画廊李:第n个孩子(3n+1) 你的问题是你把它变成了4的乘法(所以一行中有4个元素而不是3个) 谢谢!当屏幕宽度大于66opx时,该功能正常工作。对于较小的屏幕,它仍然有一些奇怪的空白。你知道我应该在那里做

出于某种原因,在最后两张图片之间有一个奇怪的空白。我试着清除左/右、swop图像,改变(第n个孩子)。我不知道为什么会出现这个空间。我的网址是suzannereeve.com

请帮忙


谢谢

在responsive.css第31行中,您有#gallery li:n个孩子(4n)。 将其更改为#画廊李:第n个孩子(3n+1)


你的问题是你把它变成了4的乘法(所以一行中有4个元素而不是3个)

谢谢!当屏幕宽度大于66opx时,该功能正常工作。对于较小的屏幕,它仍然有一些奇怪的空白。你知道我应该在那里做什么吗?你应该把整个列表放在另一个分区中,给那个容器一个87%~90%的宽度;之后,从responsive.css中删除第31行内容,并确保您有#gallery li{float:left;}这将使它在任何情况下都能工作。