【问题标题】:help with clearing a float left帮助清除浮动左侧
【发布时间】:2011-10-30 18:13:39
【问题描述】:

我有一个使用 css 悬停菜单的无序浮动左侧。但是,它不会清除它之后的下一个无序列表。我试过清楚:两者都行,但它不起作用。有什么建议?

我之前尝试在 div 标签上使用溢出自动,但这会创建滚动条。

网址位于: http://www.nvcc.edu/current-students/_militarydev/research/doctoral.html

我使用 clearfix:after 让它工作了。 clearfix:after 解决方案的可行性如何?

ul.topnav li ul.subnav { 列表样式:无; 位置:绝对; /--重要 - 防止子导航影响主导航流程--/ 左:0; 顶部:35px; 边距:0; 填充:0; 显示:无; 向左飘浮; 宽度:190 像素; 高度:350px; }

【问题讨论】:

  • 您可能希望更容易找到问题所在。看着那个页面,我没有立即看到明显的问题,这使得它很难提供帮助。还有一个名为jsfiddle.net 的好网站,您可以使用它向我们提供您遇到的问题的精简版本。您甚至可能会发现,在尝试将其缩减为更简单的形式时,您实际上也可以解决自己的问题。 :)
  • 哪个浏览器导致了这个问题?我也没有发现任何问题。
  • 我使用 clearfix:after 让它工作了。不过谢谢!
  • 我怎样才能让 subnav 有更大的填充?我正在尝试将其添加到
      而不是 li 但它没有显示出来。ul.topnav li ul.subnav { list-style: none;位置:绝对; /*--重要 - 使子导航不影响主导航流程--*/ left: 0;顶部:35px;边距:0;填充:0;显示:无;向左飘浮;宽度:190px;高度:350px; }

标签: html css


【解决方案1】:

Clearfix 是更好的方法之一,您可以阅读它here if you want。除此之外,如果您希望在所有需要它支持的浏览器中使用它,您可能是安全的。

Clearfix 在大多数情况下都很好。

很多前端专业人士都在使用和推荐它,看看html5 boilerplate,它在他们的标准样式表中将它作为标准样式提供。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-11-27
    • 1970-01-01
    • 1970-01-01
    • 2017-04-22
    • 2012-01-15
    • 2011-11-05
    • 2012-06-17
    相关资源
    最近更新 更多