html - 帮助清除 float

标签 html css

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

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

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

我使用 clearfix:after 让它工作。 clearfix:after 的解决方案有多可行?

ul.topnav li ul.subnav { 列表样式:无; position:absolute;/--重要 - 防止子导航影响主导航流--/ 左:0; 顶部:35px; margin :0; 填充:0; 显示:无; 向左飘浮; 宽度:190px; 高度:350px;

最佳答案

Clearfix 是执行此操作的更好方法之一,您可以阅读它 here if you want .除此之外,如果在您需要它支持的所有浏览器中看起来您都希望它,那么您可能是安全的。

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

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

关于html - 帮助清除 float ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7124316/

相关文章:

javascript - body 不是 100% using::after pseudo

css - 如何使用CSS更改选择框中箭头的样式

html - 如何在不影响现有内容位置的情况下添加 HTML 元素?

javascript - 动画移除和附加 DOM 元素

html - 在滚动条附近显示 div

html - 为什么 CDATA 部分中的 IFRAME 会破坏解析器?

css - 在 MVC 中使用 Razor 的带有下拉子菜单项的菜单项无法正常显示

javascript - 使用 knockoutjs 将多个 css 类与 <li> 元素绑定(bind)

html - 试图将 Font Awesome 图标放在 div 的中间

html - 如何固定段落的位置