html - 渲染 float 元素有时会将它们推到导航栏下方

标签 html css-float

我不完全确定这里发生了什么,但偶尔会有一些 float 元素移到导航栏之外。由于它的发生不一致,我认为这可能是浏览器渲染问题 - 刷新页面几次通常会使它消失。这是它的样子:

enter image description here

实时链接 here .非常感谢任何见解!

最佳答案

看来您的.nav-list 类需要更多宽度。我试过了,它看起来更好:

.nav-list {
    float: right;
    width: 340px;
}

样式.css(第 307 行)

关于html - 渲染 float 元素有时会将它们推到导航栏下方,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21212337/

相关文章:

javascript - 如何将 FlashVars 参数更改为 URL 查询字符串?

css - 初学CSS定位( float )

html - 这个额外的空间从何而来?

javascript - 每当元素 clientWidth 更改时,Vue 更新数据属性

html - 您可以在 Angular 2 中将 ngFor 与模数运算符一起使用吗

javascript - 在 Angular4 应用程序中创建自己的日期选择器

html - 如何收缩包装 float 内容?

jquery - 中心跨越 Bootstrap

css - 将父级扩展为 float 子级 div

jquery - CSS 侧边栏在 Chrome 中调整大小时消失