html - UL列表网格堆叠奇怪

标签 html css grid html-lists

我准备今天为客户推出一个新网站。我没有看到任何以前的帖子真正涵盖了我遇到的问题。

暂存站点:http://honeststudio.com/lecture-videos/

基本上,我有一个无序列表中的 YouTube 视频网格。今天早上,当客户添加视频时,在“Warren Carther Lecture Part 2”视频(倒数第二行,最右边)之前的网格中打开了一个大空间。我以前从未真正见过 CSS 样式列表以这种方式运行。

当我删除列表项上的左侧 float 时,它清理了网格,但“Warren Carther Lecture Part 1”(第二行下方,最右边)位于距离行顶部 20px 的位置。

过去半小时我做了很多尝试和错误,但没有取得太大进展,所以任何帮助都会非常棒!

非常感谢!

最佳答案

尝试在某处添加一个clear?这似乎是添加视频时打开空间的原因。或者,尝试制作 display:inline-block 而不是使用 float:left 看看会发生什么?

关于html - UL列表网格堆叠奇怪,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7982591/

相关文章:

html - 尝试在我的无序列表中移动列表元素

javascript - EXTJS 5 : How to have the checkbox selected only when clicking on checkbox in grid

javascript - 剑道网格自定义导航

html - 使用 Bootstrap 显示 3 列数据?数据显示为一行

javascript - 捕获 <select> 的内容

javascript - 从下拉按钮中以编程方式选择元素

javascript - 使用 session.Storage 传递包含 Array 的 JSON 对象

html - CSS 显示问题

javascript - 调整大小语句上的 jQuery (window).width 无法正常工作

css - Internet Explorer 8 不应用内联显示并正确阻止