html - float 不清除

标签 html css

除非我设置特定的宽度,否则我的页眉上的 Div 会重叠,但我不能这样做。我已经尝试了几种不同的清除 float 的方法,但没有成功。

这是我的 jsfiddle https://jsfiddle.net/q0oc27t8/

这是我的导航代码:

.nav {
    border-bottom: 3px solid #496278;
    border: 1px dotted red;
    bottom: 3px;
    font-size: 1.1vw;
    font-weight: bold;
    padding: 0 0.8vw 0 0.8vw;
    text-align: center;
}

解决这个问题的最佳方法是什么?

最佳答案

float 不是你的问题,所有的文本都是绝对定位的。这意味着这些元素被拉出文档流,不再正确包装/堆叠。

不要使用 position: absolute 尝试使用一点 paddingmargin 来定位每个 .header-element.

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

相关文章:

javascript - 使用命名函数设置多个事件响应

javascript - 当使用 element.style = <some CSSStyleDeclaration> 使元素消失

html - 如何用颜色填充 100% 的网页

php - HTML mySQL 表单不起作用

javascript - 如何使用javascript强制在新选项卡中打开链接

javascript - 在搜索框中收到输入之前,如何隐藏列表结果?

html - 如何从 HTML 列表中删除缩进?

css "vertical for-loop"- css 网格的助手 - 字符串重复/构建

html - 删除一个 div 内 20px 的底部边框,有什么 hack 可用吗?

javascript - 为什么我可以在 styled-components 上引用一个组件而其他人不能?