除非我设置特定的宽度,否则我的页眉上的 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
尝试使用一点 padding
和 margin
来定位每个 .header-element
.
关于html - float 不清除,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35779744/